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前 言 (第 4 版 ) 
编写 目的 与 背景 
众所周知 ， 当 前 社会 需求 和 高 校 课程 设置 严重 脱节 ， 一 方面 企业 难 寻 可 迅速 上 手 的 人 才 ， 另 一 方 
面 大 学 生 就 业 难 。 如 果 有 一 些 面 向 工作 应 用 的 案例 参考 书 ， 让 大 学 生得 以 参考 ， 并 能 亲手 去 做 ， 势 必 
能 缓解 这 种 矛盾 。 本 书 就 是 这 样 一 本 书 ， 项 目 开发 案例 型 的 、 面 向 工作 应 用 的 软件 开发 类 图 书 。 编 写 


自发 


最 后 ,丛书 第 1 版 于 2008 年 6 月 出 版 , 于 2011 年 和 2013 年 进行 了 两 次 改版 升级 ,因为 编写 细腻 ， 
易学 实用 ， 配 备 全 程 视 频 讲解 等 特点 ， 备 受 读者 瞩目 ， 丛 书 累计 销售 20 多 万 册 ， 成 为 近年 来 最 受 欢迎 
的 软件 开发 项 目 案例 类 丛书 之 一 。 


转眼 5 年 已 过 ， 我 们 根据 读者 朋友 的 反馈 ， 对 丛书 内 容 进 行 了 优化 和 升级 ， 进 一 步 修正 之 前 版 本 
中 疏 漏 之 处 ， 并 增加 了 大 量 的 辅助 学 习 资 源 ， 相 信 这 套 书 一 定 能 带 给 您 惊喜 ! 


本 书 特点 


鳃 4 微 视频 讲解 
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描 正 文 小 节 标题 一 侧 的 二 维 码 ， 即 可 在 线 学 习 项 目 制 作 的 全 过 程 。 同 时 ， 本 书 提供 了 程序 配置 使 用 说 
明 的 讲解 视频 ， 扫 描 二 维 码 即 可 进行 学 习 。 


三 典型 案例 
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前 代码 注释 


为 了 便于 读者 阅读 程序 代码 ， 书 中 的 代码 均 提供 了 详细 的 注释 ， 并 且 整 齐 地 纵向 排列 ， 可 使 读者 
快速 领略 作者 意图 。 
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呈 代码 贴 十 


案例 类 书籍 通常 会 包含 大 量 的 程序 代码 ， 元 长 的 代码 往往 令 初 学 者 望 而 生 戎 。 为 了 方便 读者 阅读 
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六 知识 扩展 


为 了 增加 读者 的 编程 经 验 和 技巧 ， 书 中 每 个 案例 都 标记 有 注意 、 技 巧 等 提示 信息 ， 并 且 在 每 章 中 
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本 书 约定 


于 篇 幅 有 限 ， 本 书 每 章 并 不 能 逐一 介绍 案例 中 的 各 模块 。 作 者 选择 了 基础 和 典型 的 模块 进行 介 
绍 ， 对 于 功能 重复 的 模块 ， 由 于 技术 、 设 计 思 路 和 实现 过 程 基本 相同 ， 因 此 没有 在 书 中 体现 。 读 者 在 
学 习 过 程 中 若 有 相关 疑问 ， 请 登录 本 书 官方 网 站 。 本 书 中 涉及 的 功能 模块 在 资源 包 中 都 附带 有 视频 讲 
解 ， 方 便 读 者 学 习 。 


适合 读者 


本 书 适合 作为 计算 机 相关 专业 的 大 学 生 、 软 件 开发 相关 求职 者 和 爱好 者 的 毕业 设计 和 项 目 开 发 的 
参考 书 。 


本 书 服务 


为 了 给 读者 提供 更 为 方便 快捷 的 服务 ， 读 者 可 以 登录 本 书 官方 网 站 (www.mingrisoft.com) 或 清华 
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本 书 作者 


本 书 由 明日 科技 软件 开发 团队 组 织 编写 ， 主 要 由 申 野 、 王 小 科 执笔 ， 如 下 人 员 也 参与 了 本 书 的 编 
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在 编写 本 书 的 过 程 中 ， 我 们 本 着 科学 、 严 说 的 态度 ， 力 求 精益 求 精 ， 但 错误 、 朴 漏 之 处 在 所 难免 ， 
敬 请 广大 读者 批评 指正 。 

感谢 您 购买 本 书 ， 希 望 本 书 能 成 为 您 的 良师益友 ， 成 为 您 步 入 编程 高 手 之 路 的 踏 脚 石 。 

剑 锋 从 磨 研 出 ， 梅 花香 自 苦 寒 来 。 祝 读书 快乐 ! 
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和 旦 
程序 源 论 坛 


(ASPNET MVC +EF 框架 +BootStrap 实现 ) 


我 们 平时 在 通过 搜索 引擎 查询 一 些 专业 性 的 问题 时 ， 跳 转 最 多 的 
应 该 是 各 种 论坛 帖 吧 等 。 因 为 对 于 一 些 专业 领域 问题 ， 论 坛 能 够 集中 
更 多 专业 人 士 来 针对 基 一 个 问题 进行 讨论 分 析 。 那 么 ， 制 作 一 个 论坛 
项 目 所 涉及 的 知识 点 也 是 很 广泛 的 。 术 训 将 常 领 大 家 通 过 使 用 
ASP.NET MVC 架构 实现 “程序 源 论坛 ”项 目的 开发 。 

通过 阅读 本 章 ， 读 者 可 以 学 习 到 : 
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Ph 


掌握 ASP.NET MVC 框架 的 使 用 
掌握 Entity Framework 框架 的 使 用 
熟悉 bootstrap 框架 在 ASPNET 网 站 设计 中 的 应 
熟悉 Razor 视图 引擎 的 应 用 
熟练 掌握 JSON 数据 的 解析 
熟悉 jQuery 技术 的 应 用 
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1.1 开发 背景 


在 现实 生活 中 几 个 人 坐 在 一 起 会 经 常 对 一 些 话题 津津 乐 道 。 在 网 络 世界 中 ， 来 自 世界 各 地 的 每 一 
个 网 络 用 户 组 成 一 个 群体 ， 通 过 计算 机 软件 实现 线 上 讨论 ， 这 个 计算 机 软件 称 之 为 “论坛 ”。 论 坛 所 
涉及 的 话题 范围 很 广 ， 例 如 ， 针 对 软件 开发 的 技术 论坛 、 计 算 机 硬件 技术 论坛 、 娱 乐 明星 或 者 爱好 户 
外 的 野外 探险 论坛 。 这 些 专业 领域 能 够 聚集 很 多 专业 人 才 ， 从 而 实现 资源 、 知 识 和 经 验 的 分 享 。 本 章 
将 实现 使 用 ASPNET MVC 框架 开发 “程序 源 论 坛 ” 项 目 。 


1.2 需求 分 析 


网 上 在 线 论坛 主要 的 功能 是 讨论 各 种 语言 的 开发 技术 、 技 巧 ， 并 交流 开发 经 验 等 ， 但 是 需要 对 技 
术 栏 目的 文章 浏览 和 发 表 文章 功能 加 以 限制 ， 这 样 ， 论 坛 的 管理 功能 显得 尤为 重要 。 除 此 之 外 ， 还 需 
要 将 用 户 划分 为 不 同 级 别 ， 根 据 用 户 级 别 的 不 同 在 论坛 中 为 用 户 分 配 不 同 的 权限 。 同 时 ， 一 个 成 功 的 
BBS 系统 还 需要 拥有 对 各 种 信息 管理 的 功能 。 


1.3 系统 设计 


1.3.1 系统 目标 


开发 程序 源 论坛 最 终 目的 是 为 程序 源 提供 一 个 良好 的 技术 交流 平台 ， 为 了 满足 需求 ， 本 系统 在 设 
计时 应 实现 以 下 几 个 目标 : 
网 站 界面 友好 、 美 观 。 
划分 用 户 级 别 ， 将 不 同 的 权限 划分 给 不 同 的 用 户 。 
合理 管理 论坛 相关 信息 。 
易于 维护 和 扩展 。 
系统 运行 稳定 、 可 靠 。 


系统 功能 结构 


程序 源 论坛 主要 分 为 前 台 页 面 、 后 台 管 理 、 登 录用 户 和 非 登录 用 户 等 几 个 模块 。 其 详细 的 功能 结 
构 如 图 1.1 所 示 。 


局 


让 回回 加 罗 加 
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专区 1 专区 2 wb | [3] 


子 专区 1 a 帖子 列表 登录 用 户 | | 非 登录 用 户 


栏 | ; 
目 
列 上 | 栏 
表 | 上 | 目 


漆 当 了 泗 邮 联 


兴 院 了 河沿 束 


图 1.1 程序 源 论坛 的 功能 结构 图 


1.3.3 ”系统 业务 流程 


-个 网 站 项 目的 主要 核心 部 分 就 是 业务 逻辑 , 围绕 着 业务 逻辑 来 编写 代码 , 图 1.2 是 “程序 源 论坛 ” 
项 目的 业务 流程 图 。 


搜索 帖子 
单 击 3 个 导航 帖子 标题 
DEE Mn 
Wk 单 击 各 个 子 专区 版 块 帖子 
查看 精华 帖子 


图 1.2 “程序 源 论坛 ”的 系统 业务 流程 图 


1.3.4 构建 开发 环境 


1. 网 站 开发 环境 


网 站 开发 环境 : Microsoft Visual Studio 2017。 

网 站 开发 语言 : ASP.NET+C#。 

网 站 后 台数 据 库 : SQL Server 2014。 

开发 环境 运行 平台 : Windows 7 (SP1) / Windows Server 8/Windows 10。 


回 
回 
回 
加 
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MN 
注意 SP ( Service Pack ) 为 Windows 操作 系统 补丁 。 


2 
[5 
回 
回 
回 


服务 器 端 
操作 系统 : Windows 7。 
Web 服务 器 : IIS 7.0 以 上 版 本 。 
数据 库 服务 器 : SQL Server 2014。 
网 站 服务 器 运行 环境 : Microsoft .NET Framework SDK v4.7。 


3. 客户 端 


回 


4 35 


浏览 器 : Chrome 浏览 器 、Firefox 浏览 器 。 


论坛 首页 如 图 1.3 所 示 ， 该 页 面包 含 各 大 专区 、 专 区 内 的 子 专区 版 块 以 及 全 局 导航 登录 等 信息 。 


€] © | localhost4927 梧 既 Cc 从 | 自 时 -i- 三 
口 移动 向 兽 上 的 书签 | 


量 过 访问 | 案 朋 网址 


回 


数据 库 专 区 
Sql server 专区 mysql 专 区 
SqISeer 寺 区 关 型 
es 
sever 攻 PI 


图 1.3 论坛 首页 


子 专区 版 块 帖子 列表 如 图 1.4 所 示 ， 该 页 面包 含 所 属 该 专区 的 帖子 以 及 发 布 属于 该 专区 的 新 帖 


功能 。 
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Java SE 专区 版 岂 
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闪 13 帖子 | 共 4425 条 加 | 共 13997 次 
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J 关于 use aa use 
合身 晤 者 etci 7 ,2 和 REOeiCas0Engeare0n use ne Use 
E20 条 共 10L 者 绒 10 贡 而 上 一 项 57 上 9 10 下 -机 了 
Co el 吉大 ES0T EE 
这 8 好 


Wa | Copy ght HHRMA | PRt e000 NEGatososgay 
图 1.4 帖子 列表 
图 1.5 所 示 是 精华 帖子 列表 ， 单 击 帖子 标题 可 以 进行 帖子 内 容 阅 读 与 主题 回复 。 


Ei em ee mr i 


Cr 


可 商 C 安身 二 91- 9- 
6 | 网站 Gia 


更 全 面 更 深层 更 易 慌 


;论坛 


Ni ma EE 

帖子 

We SAR 

a ne Haan i 
人 1B dors oe soe ber 
人 9 en 7105 ter 
合生 ler tom 
EE ua 5 
| ua mm 
全 [BR 卫 四 sqsenerJpB 志 wer 3m 
BS oetCuss) Eta T ,tReet ua ns use 


明日 和 丢 1Copyrgpt 昌林 区 明日 科技 有限 公司 寺 ICF 鱼 16003009 1 站 长 GQ-80c03657 


图 1.5 帖子 列表 
1.3.6 项 目 目录 结构 预览 


在 本 项 目 目录 中 通过 建立 Areas 区 域 将 前 台 和 后 台 系统 进行 了 分 离 ，Content 文件 夹 内 存放 了 各 类 
资源 文件 ， 包 括 js、css、 图 片 和 字体 文件 等 。“ 程 序 源 论 坛 ” 的 项 目 结构 如 图 1.6 所 示 。 
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4 kal Bessite 
wz Properties 
》 wa 引用 
面 App_Data 
b 别 App_Start 
4 司 Areas 
4 加 Admins 
b 面 Controllers 
面 Models 
b 别 ViewModels 
b 面 Views 
ce AdminsAreaRegistration.cs 
1 aspnet_client 
ii bin 
局 | Content 
b 面 bootstrap 
b 面 css 
b 是 fonts 
b 面 image 
b 别 js 
b 面 secondImage 
b 是 uedit 
v 国 Site.css 
b 别 Controllers 
b 别 fonts 
bp 别 Models 
b 嘛 Mypublic 
b riob 
b 别 Scripts 
b 别 ViewModels 
b 别 Views 
b + ApplicationInsights.config 
v%s ClassDiagraml.cd 
vs ClassDiagram2.cd 
v 国 faviconiico 
b 8) Globalasax 
YD packages.config 
VD) Project Readme.html 
b vc Startup.cs 
bv) Web.config 
b ve paging 


1.6 项 目 包 结构 图 
1.3.7 ”数据 库 设 计 


由 于 本 网 站 属于 中 小 型 的 BBS 论坛 ， 因 此 需要 充分 考虑 到 成 本 问题 及 用 途 需 求 ( 如 跨 平台 ) 等 问 
题 ， 而 SQL Server 2014 作为 目前 常用 的 数据 库 ， 该 数据 库 系 统 在 安全 性 、 准 确 性 和 运行 速度 方面 有 绝 
对 的 优势 , 并 且 处 理 数据 量 大 、 效 率 高 , 这 正好 满足 了 中 小 型 企业 的 需求 ,所 以 本 网 站 采用 SQL Server 
2014 数据 库 。 本 网 站 中 数据 库 名 称 为 DB_BBS， 其 中 包含 14 张 数据 表 ， 分 别 用 于 存储 不 同 的 信息 ， 
如 图 1.7 所 示 。 
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EUEIEDEIS 

国 数据 库 关 系 图 

日 和 岛 素 
国 系统 表 
国 FileTables 
国 dbotb Column “一 后 台 管理 荣 单 表 
国 dboitb ForumArea 一 一 版 块 区 域 表 
国 dbo.tb_ForumClassify 一 一 一 版块 分 类 表 
国 dbo.tb_ForumlnfoStatus 一 一 一 一 帖子 常用 状态 表 
国 dbo.tb_ ForumMain 一 一 一 一 一 一 帖子 主 表 
国 dbo.tb_ForumReport 一 一 一 一 一 帖子 审查 表 
国 dbo.tb_ForumSecond 一 一 一 一 一 帖子 回复 表 
国 dbo.tb_UserByRole 角色 表 
国 dbo.tb_UserByRoleJoinColumn 一 一 角色 与 权限 关联 表 
国 dbo.tb_UsersByCustomer 普通 用 户 表 
国 dbotb_UsersBySystem 一 一 一 一 一 版 主 用 户 表 
国 dbo.tb_ZY_ForumReportType 一 一 帖子 分 类 表 
国 dbo.tb_ZY_ReportType 违禁 类 别 表 
国 dbo.tb_ZY_Sex 一 一 一 一 一 一 一 性 别 字 典 表 


图 1.7 数据 库 结构 
下 面 给 出 比较 重要 的 数据 表 结 构 。 
1. tb_ForumMain (帖子 主 表 ) 
tb_ForumMain 表 用 于 保存 网 站 中 的 所 有 帖子 信息 ， 该 表 的 结构 如 表 1.1 所 示 。 


表 1.1 帖子 主 表 

字 段 名 数据 类 型 描述 
ID int 帖子 编号 
Title Varchar 帖子 标题 
ForumAreaID int 区 域 编 号 
ForumClassifyID int 分 类 编号 
CreateUserID int 发 帖 人 编号 
CreateTime datetime 发 帖 时 间 
[Content] text 帖子 内 容 
IsRecommend bit 是 否 推荐 
Isdelete bit 是 否 删 除 
IsExamine int 是 否 审查 
Zan int 点 赞 数量 


2. tb_ForumSecond (帖子 回复 表 ) 
tb ForumSecond 表 用 于 所 有 帖子 的 回复 信息 ， 该 表 的 结构 如 表 1.2 所 示 。 
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表 1.2 帖子 回复 表 

字 段 名 描述 
D 回帖 编号 
ForumMainID 帖子 编号 
[Content] 回帖 内 容 
CreateUserID 回帖 人 
CreateTime 回帖 时 间 
CurSequence 最 大 楼 层 
ReplySequence 回复 楼 层 
IsDelete 是 否 删除 


3. tb_ForumlnfoStatus (帖子 常用 状态 表 ) 

tb_ForumInfoStatus 表 用 于 保存 所 有 帖子 的 一 些 状态 信息 ， 比 如 回复 数量 、 查 看 数量 、 最 后 一 次 
复 人 及 回复 时 间 等 ， 该 表 的 结构 如 表 1.3 所 示 。 
表 1.3 帖子 常用 状态 表 


加 


最 后 一 次 回复 人 编号 
datetime 最 后 一 次 回复 时 间 


4. tb_ForumArea (版 块 区 域 表 ) 
tb_ForumArea 表 用 于 保存 网 站 的 区 域 信息 ， 该 表 的 结构 如 表 1.4 所 示 。 


表 1.4 版 块 区 域 表 
字 段 名 描述 
ID 区 域 编 号 
AreaName 区 域名 称 
UserID 创建 者 编号 
5. tb_ForumClassify 〈 版 块 分 类 表 ) 
tb_ForumClassify 表 用 于 保存 网 站 中 的 论坛 版 块 分 类 ， 该 表 的 结构 如 表 1.5 所 示 。 
表 1.5 版 块 分 类 表 
字 段 名 描述 
D 分 类 编号 
ForumAreaID 所 属 区 域 
ForumUserID 分 类 创建 者 编号 
ClassifyName 分 类 名 称 
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续 表 
字 段 名 数据 类 型 字段 大 小 描述 
ClassifyLogo varchar 526 分 类 Logo 
ClassifyInnerLogo Varchar 526 分 类 内 部 Logo 
ClassifyOrder int 分 类 顺序 
ClassifyIsleaf bit 是 否 为 子 分 类 


6. tb_UsersByCustomer (普通 用 户 表 ) 
tb_UsersByCustomer 表 用 于 保存 论坛 中 的 网 站 用 户 信息 ， 该 表 的 结构 如 表 1.6 所 示 。 


表 1.6 普通 用 户 表 

字 段 名 数据 类 型 字段 大 小 描述 
D int 用 户 编号 
UserName varchar 60 用 户 名 
UserPassword Varbinary 1024 用 户 密码 
NickName Varchar 10 用 户 昵称 
SexID 性 别 编号 
Age 年 龄 
IsModerator 是 否 版 主 
PhotoUrl 用 户头 像 
Email 邮箱 
Fatieshu 发 帖 数量 
Huitieshu 回帖 数量 


7. tb_UsersBySystem (版 主 用 户 表 ) 


tb_UsersBySystem 表 用 于 保存 论坛 各 个 版 块 的 版 主 信息 ， 该 表 的 结构 如 表 1.7 所 示 。 
表 1.7 版 主 用 户 表 

字 段 名 数据 类 型 描述 
ID int 版 主编 号 
RoleID int 角色 编号 
UserName varchar 版 主 用 户 名 
NickName varchar 版 主 昵称 
UserPassword varbin: 版 主 密码 
Email varchar 版 主 邮 箱 


8. tbp_UserByRole 〈 用 户 角 色 表 ) 
tb_UserByRole 表 用 于 保存 论坛 中 的 角色 信息 ， 该 表 的 结构 如 表 1.8 所 示 。 
表 1.8 用 户 角色 表 


字 段 名 数据 类 型 字段 大 小 描述 
ID int 角色 编号 
RoleName varchar 60 角色 名 称 
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9. tb_UserByRoleJoinColumn 〈 和 角色 与 权限 关联 表 ) 


tb_UserByRoleJoinColumn 表 用 于 保存 论坛 中 各 个 角色 及 其 关联 的 权限 信息 ， 该 表 的 结构 如 表 1.9 
所 示 。 


表 1.9 角色 与 权限 关联 表 


数据 类 型 字段 大 小 描述 
| int 自动 编号 
| int 角色 编号 
| int 权限 编号 


1.4 公共 类 设计 


是 每 个 项 目 中 都 会 用 到 的 一 种 程序 设计 形式 ， 它 将 一 些 可 公用 的 功能 代码 封装 到 一 个 类 中 
实现 代码 的 重用 。 无 论 是 程序 开发 阶段 还 是 后 期 维护 阶段 ， 公 共 类 都 会 是 更 加 清晰 和 便捷 的 一 种 设计 
结构 。 


1.4.1 系统 资源 文件 目录 转换 类 


在 程序 源 论坛 项 目 中 ， 将 各 种 资源 文件 都 放 在 了 “Content” 文 件 夹 内 ， 然 而 ， 视 图 文件 都 存放 在 
不 同 的 目录 结构 中 ， 所 以 ， 这 些 视图 文件 的 父 目 录 都 是 不 同 的 。 例 如 ， 前 台 功 能 和 后 台 功 能 的 分 离 。 
要 想 实现 统一 返回 资源 目录 路 径 ， 就 需要 构建 一 个 能 够 返回 路 径 的 公共 类 ， 然 后 无 论 是 哪个 视图 文件 ， 
只 要 访问 这 个 类 就 可 以 得 到 想 要 的 文件 路 径 。 公 共 类 GettingUrl 的 定义 如 下 : 

倒 程 01 代码 位 置 : 资源 包 \TMWOINBBSSiteItemn\BBSSiteBBSSite\MyPublic\GettingUrlcs 


M <summary> 

Ml 获取 站 点 资源 属性 

ll </summary> 

internal class GettingUrl : IGettingUrl 
{ 


UrlHelper url; 

ll <summary> 

// 通过 传 入 UrlHelper 对 象 ,构造 站 点 资源 类 
ll </summary> 

/<param name="Ur">Url 帮助 类 </param> 
public GettingUrl(UrliHelper Um) 


this.url = Url; 


ll <summary> 

Image 目录 地 址 

ll </summary> 

public string ContentImagesUr { get { return url.Content("~/Content/image"); } } 
ll <summary> 


第 1 章 程序 源 论坛 (ASPNETMVC +EF 框架 +BootStrap 实现 ) ”志和 揽 毛 


1 Secondlmage 目录 地 址 
ll </summary> 
public string ContentSecondlmageUrl 
{ get { return url.Content("~/Content/secondImage"); }} 
ll <summary> 
儿 / Bootstrap 目录 地 址 
ll </summary> 
public string ContentBootstrapUrl 
{get{f return url.Content("~/Content/bootstrap"); } } 
ll <summary> 
中 CSS 目录 地 址 
ll </summary> 
public string ContentCssUrl { get { return url.Content("~/Content/css"); } } 
ll <summary> 
1/ 自 定 Javascript 脚本 文件 目录 地 址 
ll </summary> 
public string ContentJSUrl { get { return url.Content("~/Content/js"); } } 
ll <summary> 
ll Uedit 目录 地 址 
M </summary> 
public string ContentUedit { get { return url.Content("~/Content/uedit"); } } 
M <summary> 
Script 目录 地 址 
ll </summary> 
public string ScriptUrl { get { return url.Content("~/Scripts"); } } 
} 


1.4.2 ”实体 数据 验证 DataUnique 特性 类 


用 户 在 前 台 网 页 上 进行 数据 录入 后 ， 数 据 往往 会 通过 实体 类 的 方式 传 入 后 台 方 法 中 。 然 而 ， 这 些 
数据 的 合法 性 如 果 不 通 过 程序 验证 就 直接 插入 数据 库 中 则 会 引发 各 种 不 可 预测 的 错误 ， 或 带 来 程序 上 
的 bug。 验证 这 些 数据 的 办 法 有 很 多 ， 其 中 , 通过 定义 验证 特性 来 实现 数据 验证 是 一 个 很 值得 推荐 的 一 
种 解决 方案 。 

ValidationAttribute 特性 是 验证 实体 数据 的 基 类 ， 通 过 继承 ValidationAttribute 类 即 可 实现 自 定义 验 
证 逻辑 ， 关 于 数据 验证 的 公共 类 设计 如 下 : 

首先 定义 自 定义 特性 类 ， 该 类 必须 继承 ValidationAttribute 基 类 。 

倒 程 02 代码 位 置 ， 资源 包 \TMWI\WBBSSiteItemN\BBSSiteBBSSite\MyPublic\DataUnique.cs 


ll <summary> 

// 自 定义 验证 类 特性 ，AttributeUsage 表示 DataUnique 特性 类 的 用 法 ， 

中 ValidationAttribute 类 表示 所 有 验证 属性 的 基 类 

ll </summary> 

[AttributeUsage(AttributeTargets.Property, AllowMultiple = false, Inherited = true)] 
public class DataUnique : ValidationAttribute 


public EnumDataUnique edu { get' set; } /定义 全 局 枚 举 ， 表 示 验 证 的 表 
public int MyType { get; set; } /定义 实现 同一 表 中 不 同 字段 的 验证 
public string Key { get' set; } /定义 验证 的 数据 需要 指定 其 他 条 件 的 字段 名 称 


©® 
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public DataUnique() { JW 构造 方法 

/实现 抽象 类 ValidationAttribute 中 IsValid 方法 ， 该 方法 用 于 验证 属性 值 是 否 有 效 
/Value 为 验证 的 值 ，validationContext 为 要 验证 的 类 

protected override ValidationResult 

lsValid(object value, ValidationContext validationContext) 


{ 
if (value != null) /| 判断 如 果 value 值 不 为 空 
{ 
int KeylD = 0; // 定 义 其 他 条 件 查 询 的 条 件 值 变量 
// 如 果 不 为 空 ， 则 表示 需要 制定 其 他 条 件 查 询 ，Key 为 属性 的 名 称 ， 例 如 "ID” 
if (Key = null && Key != "™") 
// 通 过 反射 获取 出 条 件 属性 的 值 
KeylD = Convert.Tolnt32(validationContext.Objectlnstance.GetType(). 
GetProperty(Key).GetValue(validationContext.ObjectInstance)); 
} 
// 通 过 传 入 表 枚 举 值 调用 简单 工厂 模式 类 的 InitDataUnique 方法 
// 并 返回 已 实现 了 ICheckUnique 接口 的 各 实现 类 
ICheckUnique iDataUnique = Publiclnitiali.InitDataUnique(edu); 
// 调 用 实现 类 中 CheckUnique 方法 ， 参 数 分 别 为 要 验证 的 属性 值 、 验 证 类 型 和 其 他 条 件 值 
// 方 法 实现 了 对 数据 库 表 的 数据 校 验 工 作 
// 如 果 验 证 成 功 ， 则 返回 true 
if (iDataUnique.CheckUnique((string)value, MyType, KeyID)) 
return ValidationResult.Success; // 返 回 验 证 成 功 
} 
上 
return new ValidationResult(null); // 返 回 验证 失败 ，value 值 为 null 


} 


接 下 来 定义 PublicInitiali 工厂 类 ， 该 类 用 于 返回 实现 IcheckUnique 接口 的 数据 验证 实现 类 。 此 类 
包含 了 其 他 方法 ， 这 里 只 列 出 验证 数据 的 方法 ， 代 码 如 下 : 
倒 程 03 代码 位 置 ， 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\MyPublic\PublicInitiali.cs 


ll <summary> 

ll/ 公共 初始 化 对 象 类 
ll </summary> 

public class Publiclnitiali 
{ 


ll <summary> 
几 通过 标记 的 枚 举 表 的 值 ,返回 已 实现 了 IDataUnique 接口 的 类 
ll </summary> 
几 <param name="edu"> 枚 举 的 表 </param> 
Jh <returns> 返 回 指定 表 的 验证 类 </returns> 
public static ICheckUnique InitDataUnique(EnumDataUnique edu) 
{ 
// 定 义 ICheckUnique 接口 变量 
ICheckUnique iDataUnique = null; 
switch (edu) // 判 断 枚 举 表 
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case EnumDataUnique tb_UsersByCustomer ”// 验 证 tb_UsersByCustomer 表 
/初始 化 CheckUniqueByUsersByCustomer 实现 类 
iDataUnique = new CheckUniqueByUsersByCustomer(); 
break;: 

case EnumDataUnique.tb_UsersBySystem: // 验 证 tb_UsersBySystem 表 
/初始 化 CheckUniqueByUsersBySystem 实现 类 
iDataUnique = new CheckUniqueByUsersBySystem(); 
break; 

case EnumDataUnique.tb_UserByRole: // 验 证 tb_UserByRole 表 
/初始 化 CheckUniqueByUserByRole 实现 类 
iDataUnique = new CheckUniqueByUserByRole(); 
break; 

case EnumDataUnique.tb_ForumArea: /验证 tb_ForumArea 表 

/初始 化 CheckUniqueByForumArea 实现 类 
iDataUnique = new CheckUniqueByForumArea(); 
break; 

case EnumDataUnique.tb_ForumClassify: // 验 证 tb_ForumClassify 表 
/初始 化 CheckUniqueByForumClassify 实现 类 
iDataUnique = new CheckUniqueByForumClassify(); 
break; 


return iDataUnique; 


最 后 定义 验证 各 表 的 IcheckUnique 实现 类 。 由 于 实现 类 较 多 ， 这 里 只 列 出 一 个 实现 类 ， 其 他 类 的 
实现 逻辑 大 体 相同 ， 读 者 可 在 资源 包 文 件 中 找到 各 实现 类 的 定义 。 
倒 程 04 代码 位 置 ， 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\MyPublic\CheckUnique.cs 


/<summary> 

/1 实现 验证 数据 类 , 枚 举 表 为 tb_UserByRole 

M </summary> 

public class CheckUniqueByUserByRole : ICheckUnique 


/实现 ICheckUnique 接口 中 的 CheckUnique 方法 
public bool CheckUnique(string value, int MyType, int KeylD) 


using (DB_BBSEntities db = new DB_BBSEntities()) /实例 化 操作 数据 库 上 下 文 类 


bool IsExists = false; /定义 数据 验证 是 否 成 功 变量 
switch (MyType) /判断 要 查询 的 字段 ， 此 处 指 查 询 RoleName 角色 名 称 
{ 
case 1: 
if (KeylD == 0) 


// 查 询 指 定 的 角色 名 称 是 否 存在 于 tb_UserByRole 表 中 
lsExists = db.tb_UserByRole.Count(C => C.RoleName == value) == 0; 


} 


else 


/查询 指定 的 ID 值 和 角色 名 称 是 否 存在 于 tb_UserByRole 表 中 


@ 
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lsExists = dbtb_UserByRole.Count(C => C.RoleName == value 
&& CID != KeylD) == 0; 
下 


break; 
} 
return IsExists; // 返 回 验 证 结果 


} 
} 


DY 枚 举 EnumDataUnique 定义 了 各 表 的 名 称 ， 通 过 增加 EnumDataUnique 枚 举 值 和 对 应 的 实 
现 类 即 可 完成 表 的 数据 验证 功能 。 


1.4.3 ”Forms 身份 验证 公共 类 设计 


Forms 身份 验证 是 ASPNET 中 身份 验证 的 一 种 ,此 方式 使 用 Cookie 来 保存 用 户 赁 证， 并 将 未 能 通 
过 身份 验证 的 用 户 重 定向 到 自 定义 的 登录 页 。 


首先 ， 定 义 身份 验证 票证 信息 数据 的 Cookie 存储 和 解析 的 类 ， 在 用 户 登 录 成 功 后 ， 调 用 该 类 的 

SetAuthCookie 方法 存储 Cookie。 用 户 在 执行 请 求 时 , 调用 TryParsePrincipal 方法 解析 Cookie 票证 信息 。 
倒 程 05 代码 位 置 ， 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSiteMyPublic\MyFormsAuthentication.cs 
public class MyFormsAuthentication<TUserData> where TUserData : class, new() /身份 验证 类 


public static void SetAuthCookie(string UserName, TUserData UserData, 
int ExpiresMinutes) // 用 户 登录 成 功 时 设置 Cookie 

‘ 

/如 果 传 入 的 数据 对 象 为 空 ， 则 抛 出 异常 

if (UserData == null) { throw new ArgumentNullException("userData"); } 

// 将 对 象 序列 化 成 JSON 字符 串 

string Data = (new JavaScriptSerializer()).Serialize(UserData); 

// 创 建 ticket 

Var ticket = new FormsAuthenticationTicket(1, UserName, DateTime.Now, 

DateTime.Now.AddMinutes(ExpiresMinutes), true, Data); 


var cookieValue = FormsAuthentication.Encrypt(ticket); // 加 密 ticket 
// 创 建 Cookie 
Var cookie = new HttpCookie(FormsAuthentication.FormsCookieName, cookieValue) 
{ 
HttpOnly = true, 


Secure = FormsAuthentication.RequireSSL, 
Path = FormsAuthentication.FormsCookiePath, 


上 
if (ExpiresMinutes > 0) /1 如 果 传 入 的 分 钟 数 大 于 0 
// 在 当前 时 间 的 基础 上 增加 60 分 钟 


cookie.Expires = DateTime.Now.AddMinutes(ExpiresMinutes); 


} 
HttpContext.Current.Response.Cookies.Remove(cookie.Name); // 先 移 除 (不 管 是 否 存 在 ) 
HttpContext.Current.Response.Cookies.Add(cookie); // 写 入 Cookie 
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} 
/从 Request 中 解析 出 Ticket,UserData 
public static MyFormsPrincipal<TUserData> TryParsePrincipal(HttpRequest request) 
{ 
// 如 果 请 求 状态 对 象 为 空 ， 则 抛 出 异常 
if (request == null) { throw new ArgumentNullException("request"); } 
var cookie = request.Cookies[FormsAuthentication.FormsCookieName]; ” // 读 登录 Cookie 
// 如 果 Cookie 不 存在 ， 则 抛 出 异常 
if (cookie == null || string.IsNullOrEmpty(cookie.Value)) { return null; } 
try 
€ 
// 解 密 Cookie 值 ， 获 取 FormsAuthenticationTicket 对 象 
var ticket = FormsAuthentication.Decrypt(cookie.Value); 
// 如 果 解 密 后 用 户 数据 对 象 不 为 空 
if (ticket != null && I!string.IsNullOrEmpty(ticket.UserData)) 
{ 
// 将 用 户 数据 对 象 的 JSON 字符 串 反 序列 化 成 实体 对 象 
var userData = 
(new JavaScriptSerializer()).Deserialize<TUserData>(ticket.UserData); 
if (userData != null) // 如 果 反 序列 后 不 为 空 


1/ 返回 用 于 存储 用 户 数 据 和 实现 了 IPrincipal 接口 方法 的 泛 型 实例 对 象 
return new MyFormsPrincipal<TUserData>(ticket, userData); 
中 
站 
return null; // 如 果 解 密 后 为 空 ， 则 返回 空 
} 


catch 


return null; // 有 异常 也 不 要 抛 出 ， 防 止 攻击 者 试探 


} 
在 用 户 请 求 控制 器 中 的 某 个 操作 方法 时 ， 通 过 AuthorizeAttribute 特性 可 实现 用 户 对 该 控制 器 或 操 
作 方 法 的 访问 权限 的 验证 。 自 定义 验证 特性 类 必须 继承 自 AuthorizeAttribute 类 ， 代 码 如 下 : 


倒 程 06 代码 位 置 ， 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSiteMyPublicMyAuthorizeAttribute.cs 


// 对 控制 器 和 操作 方法 实现 权限 验证 的 特性 类 
public class MyAuthorizeAttribute : AuthorizeAttribute 


public MyAuthorizeAttribute(int ColumnID) // 传 入 栏目 ID， 构 造 验证 类 
using (DB_BBSEntities db = new DB_BBSEntities()) // 创 建 数据 库 上 下 文 类 
{ 
/定义 用 户 角色 与 栏目 关联 表 〈 权 限 表 ) 的 集合 对 象 
IList<int> UserByRoleJoinColumns = null; 
if (ColumnlD > 0) 1/ 如果 传 入 的 栏目 ID 大 于 0 


/查询 拥有 该 栏目 权限 的 所 有 角色 ID 
UserByRoleJoinColumns = db.tb_UserByRoleJoinColumn. 


@ 
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Where(W => W.ColumnlD == ColumnID).Select(S => S.RolelD).ToList(); 
} 


else 


// 查 询 所 有 角色 ID 
UserByRoleJoinColumns = db.tb_UserByRole.Select(S => S.ID).ToList(); 


} 
/验证 数据 是 否 为 空 
if (UserByRoleJoinColumns != null && UserByRoleJoinColumns.Count > 0) 


1/ 赋值 基 类 的 角色 字符 串 数据 
this.Roles = string.Join(",", UserByRoleJoinColumns); 


于 


// 重 写 自 定义 授权 检查 方法 
protected override bool AuthorizeCore(System.Web.HttpContextBase httpContext) 


{ 
/将 Http 请 求 安全 信息 对 象 转换 为 实际 类 型 
var user = httpContext.User as MyFormsPrincipal<MyUserDataPrincipal>; 
if (user != null/ 验 证 对 象 是 否 为 空 


// 传 入 角色 ID 集合 和 用 户 ID 集合 ， 调 用 验证 角色 或 用 户 名 的 方法 
return (user.IlsInRole(Roles) || user.lsiInUser(Users)); 


} 
return false; /返回 false 
} 
protected override void HandleUnauthorizedRequest(AuthorizationContext filterContext) 


/验证 不 通过 ， 直 接 跳 转 到 相应 页 面 ， 注 意 : 如 果 不 使 用 以 下 跳 转 ， 则 会 继续 执行 Action 方法 
filterContext.Result = new RedirectResult("~/Admins/Account/InnerLogin"); 


} nt 
此 Forms 身份 验证 模块 还 包含 两 个 类 ， 分 别 为 MyFormsPrincipal<TUserData> 和 


MyUserDataPrincipal， 前 者 是 存储 用 户 票 证 信息 数据 的 类 ， 后 者 定义 了 用 户 数据 ,并 且 实 现 了 用 户 验证 
的 过 程 。 


1.4.4 ”Cache 缓存 数据 类 


缓存 是 经 常用 到 的 一 种 数据 暂 存 功能 ， 目 的 是 将 少量 比较 固定 的 数据 放置 在 内 存 中 ， 以 便 提 高 应 
用 程序 性 能 。 在 程序 源 论坛 项 目 中 ， 使 用 缓存 来 记录 后 台 系 统 导航 栏目 的 选择 状态 。 
倒 程 07 代码 位 置 ， 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\MyPublicMyCache.cs 


public class MyCache // 自 定义 缓存 类 
public static MyCache Current = new MyCache(); /定义 静态 实例 对 象 
Cache cache = null; /定义 缓存 类 变量 


public MyCache() 


@ 
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cache = HttpRuntime.Cache; 
i bool Contains(string Key) 
return cache.Get(Key) != null; 
he T Get<T>(string Key) 
if (Contains(Key)) 
return (T)cache[Key]; 


} 
return default(T); 


} 
public void Add<T>(T DataEntity, string Key) 


/获取 当前 应 用 程序 运行 时 的 Cache 对 象 


// 济 断 缓存 对 象 是 否 存在 

// 获 取 缓 存 

/如果 缓存 存在 

// 返 回 缓存 对 象 

/否则 返回 默认 值 

/添加 缓存 对 象 ， 设 置 有 效 时 间 为 20 分 钟 


/使 用 Key 作为 键 将 DataEntity 对 象 添加 到 缓存 中 ， 
过 期 参数 为 无 绝对 过 期 时 间 ， 并 设置 间隔 20 分 钟 无 访问 过 期 策略 */ 
cache.Add(Key, DataEntity, null, Cache.NoAbsoluteExpiration , 
TimeSpan.Parse("00:20:00"), CacheltemPriority.Default, null); 


} 
public void AddNoExpiration<T>(T DataEntity, string Key) // 添 加 缓存 对 象 ， 设 置 无 过 期 时 间 


// 使 用 Key 作为 键 将 DataEntity 对 象 添加 到 缓存 中 ， 并 且 设 置 无 过 期 时 间 
cache.Add(Key, DataEntity, null, Cache.NoAbsoluteExpiration , 
Cache.NoSlidingExpiration, CacheltemPriority.NotRemovable, null); 


} 
// 更 新 缓存 对 象 ， 设 置 无 过 期 时 间 


public void UpdateNoExpiration<T>(T DataEntity, string Key) 


/将 Key 键 的 对 象 更 新 为 最 新 的 DataEntity， 并 且 设 置 无 过 期 时 间 
cache.Insert(Key, DataEntity, null, Cache.NoAbsoluteExpiration, 
Cache.NoSlidingExpiration, CacheltemPriority.NotRemovable, null); 


} 

// 向 已 添加 到 缓存 中 的 集合 (List) 中 追加 一 条 新 记录 

public void AddSingle<T>(T DataEntity, string Key) 
lList<T> List = Get<IList<T>>(Key); 
List.Add(DataEntity); 
Update<IList<T>>(List, Key); 


} 
public void Update<T>(T DataEntity, string Key) 


/获取 缓存 中 List 集合 数据 
// 将 单条 数据 追加 到 集合 中 
// 重 新 更 新 该 缓存 对 象 


// 更 新 缓存 对 象 ， 设 置 有 效 时 间 为 20 分 钟 


cache.Insert(Key, DataEntity, null, Cache.NoAbsoluteExpiration, 
TimeSpan.Parse("00:20:00"), CacheltemPriority.Default, null); 


} 
public void Remove(string Key) 


if (Contains(Key)) 
{ 


cache.Remove(Key); 


// 移 除 缓存 对 象 
// 判 断 缓存 项 是 否 存在 
// 移 除 缓存 项 
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1.5 论坛 首页 设计 


1.5.1 ”论坛 首页 概述 


程序 源 论坛 首页 包含 了 各 大 版 块 区 域 ， 每 个 区 域 又 包含 了 各 子 版 块 。 同 时 ， 每 个 子 版 块 又 有 三 个 
默认 帖子 。 这 些 数据 是 由 程序 在 数据 库 中 读 取 并 展示 在 页 面 上 。 除 此 之 外 ， 页 面 滚动 大 图 、 导 航 、 搜 
索 和 登录 等 功能 是 页 面 共享 版 块 ， 所 以 ， 首 页 也 包含 了 这 一 部 分 内 容 。 论 坛 首页 的 运行 结果 如 图 1.8 
所 示 。 


1.8 论坛 首页 运行 结果 


1.5.2 ”论坛 首页 技术 分 析 


在 程序 源 论坛 项 目 中 , 将 首页 内 容 定义 在 名 称 为 Home 的 控制 器 中 , 然后 定义 Index 方法 作为 首页 
的 处 理 动作 。 方 法 中 将 实现 首页 版 块 信息 数据 的 读 取 。 按 照 首页 版 块 设计 的 需求 ， 读 取 逻 辑 可 以 分 析 
为 从 大 到 小 递归 ， 以 大 版 块 区 域 为 主 ， 每 条 大 版 块 区 域 包含 一 个 子 版 块 区 域 的 集合 数据 ， 每 个 子 版 块 
区 域 又 包含 一 个 推荐 帖子 集合 数据 。 这 个 逻辑 关系 使 用 Entity Framework+Linq 就 可 以 实现 。Home 控 
制 器 的 Index 方法 定义 如 下 : 


倒 程 08 代码 位 置 ， 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Controllers\HomeController.cs 
ll <summary> 

JW Index action, 用 于 读 取 首 页 内 容 

ll </summary> 

Mi <returns> 返 回 Index 视图 </retums> 

[HttpGetl 


@ 
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public ActionResult Index() 


{ 
PublicFunctions.SetUrls(ViewBag, Url); // 构 造 资源 路 径 〈js、css、image 等 ) 


IList<ForumAreaJoinForumClassifyEntity> ModelList = null; // 要 返回 的 数据 模型 
using (DB_BBSEntities db = new DB_BBSEntities()) /构造 数据 库 上 下 文 
/查询 tb_ForumArea 表 数 据 并 绑 定 到 ForumAreaJoinForumClassifyEntity 自 定义 实体 类 
ModelList = db.tb_ForumArea.Select(S => new ForumAreaJoinForumClassifyEntity 


€ 
ID = S.ID, /峰值 ID 


AreaName = S.AreaName, // 赋 值 大 版 块 区 域名 称 

/查询 该 大 版 块 区 域 下 的 所 有 子 版 块 并 绑 定 到 ChildForumClassify 自 定义 实体 类 ， 
赋值 给 ChildForumClassify 集合 */ 

ChildForumClassify = S.tb_ForumClassify.Select(S1 => new ChildForumClassify { 
Classifys = S1, // 赋 值 子 版 块 
// 查 询 该 子 版 块 推荐 帖子 并 且 是 未 删除 状态 的 帖子 数据 ， 获 取 方 式 按照 ID 将 排序 
ForumMain = S1.tb_ForumMain 
.Where(W2 => W2.IsRecommend == true && W2.lsdelete == false) 
.OrderByDescending(O => O.ID).Take(3).ToList() }).ToList() 

}.ToList(); 


} 
// 返 回 视图 ， 传 入 包含 大 版 块 区 域 、 子 版 块 区 域 、 推 荐 帖子 的 集合 模型 对 象 
return View(ModelList); 

} 


1.5.3 ”论坛 首页 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb_ ForumArea、tb_FormmClassify、tb_ForumMain 

1. 首页 页 面 设计 

在 项 目的 Views 视图 文件 夹 下 的 Home 目录 中 , 定义 Index 视图 文件 , 在 视图 文件 顶部 既 需 要 定义 
接收 模型 实体 数据 的 变量 ， 同 时 ， 也 要 定义 用 于 访问 站 点 资源 的 变量 ， 以 及 页 面 标题 的 定义 和 引用 css 
样式 文件 这 两 部 分 内 容 ， 其 都 是 基础 的 定义 ， 下 面 主要 理解 一 下 页 面 内 容 的 布局 设计 。 

(1) 按照 返回 的 数据 实体 模型 可 以 分 析出 , 大 版 块 包含 小 版 块 , 小 版 块 包含 最 多 为 3 个 推荐 帖子 。 
所 以 ， 该 层级 关系 符合 页 面 的 布局 样式 。 因 此 ， 则 首先 需要 循环 遍历 最 大 的 版 块 ， 代 码 如 下 : 

倒 程 09 ”代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\Index.cshtml 


<div class="container-fluid"> <l-div 容器 --> 
@if (Model = null && Model.Count > 0) // 淹 断 实体 数据 是 否 为 空 
foreach (var Ms in Model) /遍历 数据 集合 


<!-- 大 版 块 区 域 容器 --> 
<div class="bm bmw flg cl con01" style="background-color: #ffffff."> 
<div class="bm_h cl" style="position: relative;background-color: #fffff:"> 
<span class="o"> 
<img id="category_8702_img" 
src="@Urls.ContentlImagesUrl/collapsed_no.gif" title=" 收 起 /展开 " 


@ 
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alt=" 收 起 /展开 " onclick="toggle_collapse('category_8701"):"> 
</span> 
<h4> 
<i class="jg"></i> 
<a href="javascript:void(0)">@Ms.AreaName</a> 
</h4> 
</div> 
<div id="category_8701" class="bm_c"> 
<table class="fl_tb"> 
<tbody class="js-hover"></tbody> <!-- 子 版 块 区 域 容器 --> 
</table> 
</div> 
</div> 
} 
} 


</div> 


首先 ， 定 义 页 面 内 容 的 父 容器 div， 然 后 在 div 内 判断 数据 集合 是 否 为 空 ， 如 果 不 为 空 ， 则 遍历 该 
数据 集合 。 循 环 内 部 定义 了 大 版 块 区 域 的 布局 标签 : imsg 为 版 块 标题 的 “ 收 起 /展开 ”的 图 片 按钮 ，h4 
标签 为 版 块 标题 的 版 块 名 称 。 这 样 ， 此 循环 就 能 够 将 所 有 大 版 块 区 域 布局 到 页 面 上 ， 但 目前 这 些 大 版 
块 只 是 一 个 空 的 容器 ， 里 面 没有 任何 内 容 。 

接 下 来 是 布局 大 版 块 内 的 子 版 块 内 容 。 在 循环 每 个 大 版 块 区 域 时 ， 都 预 留 了 一 个 空 的 table 表格 标 
签 ， 在 此 table 标签 内 的 tbody 子 标签 内 ， 可 以 实现 对 子 版 块 区 域 的 布局 。 所 以 ， 大 版 块 和 子 版 块 是 一 
种 顽 套 循环 关系 。Tbody 标签 内 的 代码 如 下 : 


倒 程 10 代码 位 置 ， 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\Index.cshtml 
@if (Ms.ChildForumClassify != null && Ms.ChildForumClassify.Count > 0) 
{ 


int rowlndex = 1; 
foreach (var Msc in Ms.ChildForumClassify) 


if (rowIndex == 1) { @:<tr class="fLrow'> } 
<td class="fl_g" width="32.9%"> 
<div class="fl_icn_g" style="width: 120px;"> 
<a href="MainContent/@Msc.Classifys.ID"> 
<img src="@Urls.ContentImagesUrl/@Msc.Classifys.ClassifyLogo" 
alt="Java" align="left"> 
</a> 
</div> 
<dl style="margin-left: 120px;"> 
<dt> 
@Html.ActionLink(Msc.Classifys.ClassifyName, 
"MainContent", "Home", new { id = Msc.Classifys.ID }, null) 
<em class="game-todayposts" title=" 今 日 "> </em> 
</dt> 
<dd class="game-desc"></dd> 
</dl> 
</td> 
if (rowIndex == 3) 


@ 
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{ 
@:</tr> 
rowlndex = 0; 
} 


rowlndex++; 
} 
if (rowIndex > 1) 
@:</tr> 
} 
} 


同样 ,首先 判断 子 版 块 集合 是 否 为 空 , 然后 循环 遍历 子 版 块 集合 。 从 图 1.9 首页 页 面 初始 效果 预览 
图 片 中 可 以 看 到 ， 子 版 块 区 域 是 每 三 个 版 块 占 一 行 ， 所以， 应 该 判断 每 循环 三 个 子 版 块 时 就 应 该 重启 
一 行 ， 即 一 个 tf 标签 。 代 码 中 定义 了 rowIndex 索引 变量 ， 当 rowIndex 等 于 1 时 ， 输 出 起 始 tr 标签 。 
当 rowIndex 等 于 3 时 , 输出 结束 t 标 签 ， 并 且 将 rowIndex 归 零 以 便 下 一 次 重启 新 行 。 最后， 在 循环 外 
又 进行 了 一 次 rowIndex 判断 ， 此 处 的 逻辑 表示 最 后 一 次 循环 时 ， 如 果 rowIndex 不 等 于 3， 如 果 结 束 工 
标签 则 会 漏 输出 ， 所 以 此 处 添加 一 层 逻 辑 判断 。 

最 后 在 每 个 子 版 块 区 域内 进行 添加 3 个 推荐 帖子 标题 ， 这 同样 是 种 嵌 套 循环 。 在 子 版 块 区 域内 预 
留 了 <dd class="game-desc"></dd> 空 内 容 标签 ， 在 此 标签 内 即 可 布局 推荐 帖子 。 代 码 如 下 : 

倒 程 11 代码 位 置 ， 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\Index.cshtml 

@{ 


var RecommendTop3 = Msc.ForumMain.ToList(); 
int Count = RecommendTop3.Count(); 


} 
@for (intr= 0;r < 3 &&r< Count; r++) 


var MyFM = RecommendTop3[r]; 

@Html.ActionLink(MyF M. Title, "SecondContent", "Home", new {id = MyFM.ID }, 

new {target = "_self", @class = "text-nowrap", style = "display:block;line-height:16px" }) 
一 


上 面 代码 中 的 for 循环 使 用 了 并 且 关系 验证 ， 最 多 取 3 条 数据 ,但 又 必须 小 于 总 记录 数 ， 如 果 不 加 
小 于 3 可 能 会 超出 3 条 数据 如果 不 加 小 于 Count 总 记录 数 ， 那 么 可 能 会 超出 总 记录 数 而 索引 超出 范 
围 导 致 报错 。 最 后 使 用 Html.ActionLink 绑 定 帖子 标题 的 链接 。 

当 首 页 设计 完成 之 后 ， 数 据 和 基本 格式 已 经 能 够 显示 出 来 ， 但 样式 上 还 没有 得 到 完善 。 效 果 如 
图 1.9 所 示 。 


2. 页 面 导航 公共 部 分 设计 


页 面 公共 部 分 包括 轮 播 图 、 导 航 栏 、 搜 索 、 登 录 以 及 底部 信息 等 内 容 。 包 括 首 页 在 内 ， 其 他 前 台 
页 面 也 都 使 用 该 公共 部 分 。 

前 面 学 习 了 布局 页 面 的 一 些 相关 知识 ， 它 是 定义 在 Shared 文件 夹 内 的 。 创 建 项 目 时 默认 包含 了 一 
个 _Layout.cshtml 布局 页 面 ， 但 本 项 目 不 使 用 该 布局 页 面 。 所 以 ， 在 Shared 文件 夹 内 新 创建 一 个 


@ 


转 转 怒 ASPNET 项 目 开发 全 程 实录 (第 4 版 ) 


_LayoutBBSSite.cshtml 布局 页 面 ， 并 在 页 面 内 添加 布局 代码 。 


4 Tc 4 ol- ai- 三 
EE 二 3 


图 1.9 首页 页 面 初始 效果 


布局 视图 文件 内 定义 的 Html 标签 与 普通 内 容 视图 标签 是 不 同 的 。 首 先 ， 它 包含 了 html、head 和 


body 等 标签 ， 然后， 在 标签 中 还 需要 用 到 RenderSection、RenderBody 等 方法 。 这 些 方法 是 用 来 标记 布 
局 页 与 内 容 页 进行 合并 的 匹配 方案 。 


首先 ， 布 局 页 同样 需要 定义 访问 资源 文件 的 变量 ， 然 后 在 head 标签 内 定义 页 面 标 题 、 引 用 样式 等 
代码 。 如 下 是 _LayoutBBSSite.cshtml 页 面 的 head 标签 内 部 分 代码 : 


<head> 
<title>@ViewBag.Title - 程序 源 论坛 </title> ”<!--ViewBag.Title 为 内 容 页 面 定义 的 标题 名 称 --> 
@RenderSection("linkcss", false) <!-- 在 此 位 置 呈现 内 容 页 引用 该 位 置 所 定义 的 内 容 --> 
</head> 


倒 程 12 代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Shared\ LayoutBBSSite.cshtml 


在 内 容 页 , 通过 定义 @section linkess{} 并 在 括号 内 定义 标签 代码 , 即 可 将 内 容 放 置 在 该 位 置 。 其 中 ， 
linkess 为 自 定义 名 称 。RenderSection 方法 的 第 二 个 布尔 参数 表示 内 容 页 是 否 必须 定义 该 部 分 ，false 表 
示人 允许 不 呈现 该 部 分 内 容 。 

在 页 面 主题 部 分 ， 共 包含 了 3 个 大 区 域 ， 分 别 为 轮 播 图 、 导 航 栏 和 登录 、 页 面 底部 信息 。 下 面 将 
一 一 进行 设计 布局 。 

首先 是 轮 播 图 的 标签 定义 : 


倒 程 13 代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Shared\ LayoutBBSSite cshtml 
<div class="container-fluid"> 


<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
<ol class="carousel-indicators"> 


<li data-target="#carousel-example-generic" 
data-slide-to="0" class="active"></li> 


<li data-target="#carousel-example-generic" data-slide-to="1"></li> 
</ol> 


<div class="carousel-inner" role="listbox"> 
<div class="item active"> 


<img alt="First slide [2046x256]" class="img-responsive”" 


他 


第 1 章 程序 源 论坛 (ASP.NET MVC +EF 框架 +BootStrap 实现 ) ”志和 揽 毛 


src="@Urls.ContentlImagesUrl/banner_01.png"> 
<div class="carousel-caption"><p class="text-primary"></p></div> 
</div> 
<div class="item"> 
<img alt="First slide [2046x256]" class="img-responsive" 
src="@Urls.ContentlImagesUrl/banner_02.png"> 
<div class="carousel-caption"><p class="text-primary"></p></div> 
</div> 
</div> 
</div> 
</div> 


ol 标签 内 定义 了 两 个 二 标签 ， 表 示 切 换 轮 播 图 的 两 个 圆 点 按钮 。class 为 item 的 两 个 div 标签 为 轮 
播 图 图 片 。 定 义 多 个 图 片 时 ， 直 接 向 后 追加 div 标签 并 设置 class 属性 值 为 item， 同 时 还 需要 对 应 的 增 
加 二 的 数量 。 

接着 设计 导航 栏 、 搜 索 和 登录 部 分 代码 。 该 部 分 代码 包含 4 个 div 布局 容器 ， 下 面 只 列 出 主要 布 
局 代码 : 


倒 程 14 代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Shared\ LayoutBBSSite.cshtml 
<ul class="nav navbar-nav"> 

<li>@Html.ActionLink(" 首 页 ", "Index", "Home")</li> 

<li>@Html.ActionLink(" 精 华 帖 子 ", "Recommend", "Home")</li> 
</ul> 


导航 栏 使 用 了 ul 和 上 二 标签 进行 布局 ,通过 Html.ActionLink 方法 动态 指向 了 控制 器 动作 。 同样， 增 
加 导航 栏目 只 需 添加 二 标签 并 绑 定 内 容 即 可 。 
搜索 框 需要 提交 文本 框 内 容 ， 所 以 使 用 了 form 标签 进行 表单 提交 。 
倒 程 15 代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Shared\ LayoutBBSSite.cshtml 
<form action="/Home/Search" class="navbar-form navbar-left" role="search"> 
<div class="form-group"> 
<input type="text" name="text" class="form-control" 
placeholder=" 查 找 " value="@ViewBag.text"> 
<button type="submit" class="btn btn-default"> 搜 索 </button> 


</div> 
</form> 


登录 部 分 可 分 为 两 种 状态 ， 一 种 是 未 登录 状态 ， 另 一 种 是 登录 后 状态 。 


倒 程 16 代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Shared\ LayoutBBSSite.cshtml 
<ul class="nav navbar-nav navbar-right"> 


@{ 
BBSSite.MyPublic.LoginStatus IStatus = new BBSSite.MyPublic.LoginStatus(); 
if (IStatus.IsLogin) 


{ 
<li><a href="javascript:void(0)" onclick="alert( 会 员 ')"> 
会 员 :@IStatus.LoginStatusEntity.UserName</a></li> 
<li>@Html.ActionLink(" 退 出 ", "LoginOut", "Account")</li> 
} 
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else 
* 
<li> 
<a href="/Account/Login/@Convert.ToBase64String(System. Text.Encoding.Default 
.GetBytes(Request.Url.AbsolutePath))"> 登 录 </a> 
</li> 
} 
站 
</ul> 


通过 实例 化 BBSSiteMyPublic.LoginStatus 类 并 访问 IsLogin 属性 即 可 判断 用 户 的 登录 状态 ， 如 果 
已 登录 则 显示 用 户 信息 ， 未 登录 则 显示 登录 按钮 。 

第 三 大 部 分 是 页 面 底 部 信息 ， 但 此 时 内 容 页 面 还 没有 指定 要 显示 的 位 置 ， 所 以 ， 在 编写 底部 布局 
标签 前 应 通过 RenderBody0 方 法 标记 内 容 页 应 该 呈现 的 位 置 。 


倒 程 17 代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Shared\ LayoutBBSSite.cshtml 


@RenderBody() 
<footer class="footer bg-info"> 
<div class="container"> 
<div class="row"> 
<div class="col-sm-12"> 
<span><a href="http://www.mingrisoft.com/"> 明 日 科技 </a></span> | 
<span>Copyright &copy; 
<a href="http://www.mingrisoft.com/"> 吉 林 省 明日 科技 有 限 公 司 </a></span> | 
<span> 吉 ICP 备 16003039 号 -1</span> 
<span> 站 长 QQ:80303857</span> 
</div> 
<br /><br /> 
</div> 
</div> 
</footer> 


如 图 1.10 所 示 是 首页 完成 后 的 效果 图 ， 头 部 、 内 容 以 及 底部 信息 都 已 经 呈现 在 网 页 上 。 


ua cl so 


E 和 


贿 昌 科技 | Copyrgmt 吉林 江 明 日 汉阳 公司 | cP 甸 16003039S-1 站 性 Ga 0303657 


= i | 


1.10 ”首页 页 面 效果 
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1.6 登录 与 注册 模块 设计 
1.6.1 登录 和 注册 模块 概述 


登录 用 户 可 以 进行 发 帖 和 回帖 ， 被 赋予 权 限 的 用 户 还 可 以 审核 帖子 、 设 置 精 华 以 及 删 帖 等 操作 。 


对 于 没有 账号 的 用 户 ， 系 统 会 提供 一 个 注册 用 户 的 页 面 。 如 图 1.11 所 示 为 用 户 登录 页 面 。 图 1.12 为 用 
户 注册 页 面 。 


图 1.12 注册 页 面 


1.6.2 ”登录 和 注册 模块 技术 分 析 


实现 登录 和 注册 模块 时 , 使 用 了 ASPNET MVC 中 的 Razor 视图 引擎 ，Razor 是 其 中 常用 的 视图 引 
擎 之 一 ， 视 图 文件 的 后 组 名 为 .cshtml 文件 ， 它 是 在 MVC3 中 出 现 的 ， 语 法 格式 上 ， 与 ASPX 页 面 的 语 


@ 
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法 也 是 有 区 别 ， 下 面 对 Razor 视图 引擎 中 常用 的 语法 标记 和 一 些 帮助 类 进行 讲解 。 
1. @ 符 号 标记 代码 块 
@ 符 号 是 Razor 视图 引擎 的 语法 标记 , 它 的 功能 和 ASPX 页 面 中 的 <%%> 标 记 相同 , 都 是 用 于 调用 
C# 指 令 的 。 不 过 ，Razor 视图 引擎 的 @ 标 记 使 用 起 来 更 加 灵活 简单 ， 下 面 将 说 明 @ 符 号 的 各 种 用 法 。 
(1) 单行 代码 : 使 用 一 个 “@” 符 号 作为 开始 标记 并 且 无 结束 标记 ， 代 码 如 下 : 
<span>@DateTime.Now</span> 


(2) 多 行 代码 : 多 行 代码 使 用 “@ {code.….}” 标 记 代码 块 ， 在 大 括号 内 可 以 编写 C# 代 码 ， 并 且 可 
以 随时 切换 C# 代 码 与 输出 Html 标记 ， 代 码 如 下 : 


{ 
for (inti= 0;i < 10; i++){ 
<span>@i</span> 
} 
} 


(3) 输出 纯 文本 : 如 果 在 代码 块 中 直接 输出 纯 文本 则 使 用 “@: 内 容 ...”， 这 样 就 可 以 在 不 使 用 
Html 标签 的 情况 下 直接 输出 文本 ， 代 码 如 下 : 


@{ 
for (inti= 0;i < 10; i++){ 
@: 内 容 @i 
} 


} 


(4) 输出 多 行 纯 文本 : 如 果 要 输出 多 行 纯 文本 则 使 用 “<text>” 标 签 ， 这 样 就 可 以 更 方便 的 输出 
多 行 纯 文本 ， 代 码 如 下 : 


@{ 
if (IsLoginX{ 
<text> 
您 好 : @ViewBag.Name<br /> 
今天 是 : @DateTime.Now.ToString("yyyy-MM-dd")<br /> 
</text> 
} 
. 


(5) 输出 连续 文本 : 如 果 需 要 在 一 行文 本 内 容 中 间 输 出 变量 值 则 使 用 “@0” 标 记 ， 这 样 就 可 以 
避免 出 现 文本 空格 的 现象 ， 代 码 如 下 : 


@{ 
for (inti= 0; i < 10; i++X{ 
<span> 内 容 @(i)</span> 
} 
一 


@ 
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2. Html 帮助 器 

在 设计 cshtml 页 面 时 我 们 会 用 到 各 种 html 标签 ， 这 些 标签 通常 都 是 手动 构建 ， 例 如 <a 
href="">link</a> 这 样 的 写法 ， 但 在 Razor 视图 引擎 中 使 用 HtmlHelper 类 可 以 更 加 方便 快速 地 实现 这 些 
标签 的 定义 。 所 以 ， 在 MVC 中 表单 和 链接 推荐 使 用 Html 帮助 器 实现 ， 其 他 标签 可 根据 需求 选择 实现 
方式 。 

以 下 列举 几 个 简单 常用 的 HtmlHelper 类 扩展 方法 : 

(1) Raw 方法 : 返回 非 HTML 编码 的 标记 ， 调 用 方式 如 下 : 
@Html.Raw("<font color='red'> 颜 色 </font>") 


调用 前 页 面 将 显示 “<font color="red"> 颜 色 </font >”。 
调用 后 页 面 将 显示 颜色 为 红色 的 “颜色 ”二 字 。 
(2) Encode 方法 : 编码 字符 串 ， 以 防止 跨 站 脚本 攻击 ， 调 用 方式 如 下 : 


@Html.Encode("<script type=\"text/javascript\"></script>") 


返回 编码 结果 为 “&lt:script type=&quot:text/javascript&quot:&gt:&lt:/script&gt;”。 
(3) ActionLink 方法 : 生成 一 个 连接 到 控制 器 行为 的 a 标签， 调用 方式 如 下 : 
@Html.ActionLink(" 关 于 ", "About", "Home") 
页 面 生成 的 a 标签 格式 为 “<a hre 伍 "/Home/About"> 关 于 </a>” 
(4) BeginForm 方法 : 生成 form 表单 ， 调 用 方式 如 下 : 
@using(@Html.BeginForm("Save", "User", FormMethod.Post)) 
@Html.TextBox() 


} 
1.6.3 ”登录 和 注册 模块 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb_UsersByCustomer、 tb ZY _Sex 

1. 制作 登录 页 面 

由 于 登录 按钮 被 放 在 了 网 站 公共 布局 页 面 中 ， 所 以 在 前 台 的 每 个 页 面 中 都 能 随时 登录 到 系统 中 。 
那么 ， 如 果 此 时 用 户 是 从 某 一 个 子 版 块 帖子 列表 中 进行 登录 系统 的 ， 则 用 户 登录 后 页 面 还 需 跳 转 回 上 
次 阅读 的 页 面 中 ， 这 就 需要 在 登录 前 先 记 录 最 后 一 次 停留 的 页 面 。 

在 设计 布局 页 面 时 ， 登 录 按钮 就 已 经 添加 到 了 页 面 上 。 再 来 看 一 下 登录 按钮 的 链接 标签 : 

倒 程 18 代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Shared\ LayoutBBSSite.cshtml 


<a href="/Account/Login/@Convert.ToBase64String(System.Text.Encoding 
.Default.GetBytes(Request.Url.AbsolutePath))"> 登 录 </a> 


上 面 使 用 Base64 将 当前 页 面 的 路 径 进行 了 编码 操作 ， 并 作为 参数 传递 到 登录 页 面 。 这 样 ， 即 可 以 


@ 
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实现 登录 后 目标 页 的 跳 转 工作 。 使 用 Base64 编码 主要 有 两 个 好 处 ， 一 是 由 于 当前 页 面 路 径 也 会 存在 以 
“/” 和 斜 线 分 割 的 路 径 格式 ， 所 以 会 产生 歧义 性 ， 从 而 导致 无 法 准确 地 跳 转 到 登录 页 。 二 是 在 用 户 的 浏 
览 器 地 址 栏 中 不 必 将 明文 路 径 呈 现 给 用 户 。 
于 登录 模块 属于 用 户 账户 部 分 ， 所 以 ， 需 要 新 建立 一 个 控制 器 和 对 应 的 视图 文件 夹 来 管理 用 户 
的 登录 或 注册 功能 。 接 下 来 首先 设计 登录 的 页 面 ， 在 Views 文件 夹 下 的 Account (如 果 没 有 则 创建 ) 文 
件 夹 内 添加 一 个 Login.cshtml 视图 文件 ， 然 后 在 视图 文件 内 设计 页 面 布局 标签 。 

首先 , 文件 顶部 需要 引用 LoginUsersByCustomerEntity 模型 用 于 绑 定 登录 控件 。 同 时 ， 设 定 登 录 页 
面 不 需要 任何 布局 页 面 ， 所 以 ， 指 定 Layonut 为 空 ， 代 码 如 下 : 

倒 程 19 代码 位 置 ， 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Account\Login.cshtml 


@using BBSSite.ViewModels <!-- 引 用 命名 空间 --> 
@model LoginUsersByCustomerEntity 
@{ 

Layout = ""; /指定 Layout 为 空 


MyPublic.IGettingUrl Urls = ViewBag.Urls as MyPublic.IGettingUr 


登录 控件 使 用 了 Html 帮助 类 进行 绑 定 ， 其 中 ，Html 帮助 类 中 的 ValidationMessage 方法 是 在 登录 
失败 时 ， 用 于 提示 用 户 错误 消息 的 方法 ， 代 码 如 下 : 
倒 程 20 代码 位 置 ， 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Account\Login.cshtml 


<!-- 登 录 页 面 背景 -> 
<div class="box" style="background-image: url(@Urls.ContentlmagesUrlyloginBack.png '); 
background-size:100%;"> 
<div class="login-box"> <!-- 布 局 登录 控件 位 置 --> 
<div class="login-title text-center"> <!-- 登 录 状 态 标题 信息 容器 --> 
<h1><small>@Html.ValidationMessage("LoginError", 
new { style="color:red;"})</small></h1> 
</div> 
<div class="login-content "> <!-- 登 录 控件 容器 --> 


<div class="form"> 
< 上 -定义 form 标签 ， 指 定 控制 器 为 Account， 执 行动 作为 DoLogin--> 
@using (Html.BeginForm("DoLogin", "Account", FormMethod.Post, 
new {id = "loginform" })) 


@Html.AntiForgeryToken() 
<div class="form-group"> 
<div class="col-xs-12 "> 
<div class="input-group"> 
<span class="input-group-addon"> 
<span class="glyphicon glyphicon-user"></span></span> 
@Html.TextBoxFor(TB=>TB.UserName, 
new { @class= "form-control", placeholder= "用 户 名 " }) 
</div> 
</div> 
</div> 
<div class="form-group"> 
<div class="col-xs-12 "> 
<div class="input-group"> 
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<span class="input-group-addon"> 
<span class="glyphicon glyphicon-lock"></span></span> 
@Html.PasswordFor(PW=>PW.UserPassword, 
new { @class = "form-control", placeholder = "密码 " }) 
</div> 
</div> 
</div> 
<div class="form-group form-actions"> 
<div class="col-xs-4 col-xs-offset-4 "> 
<button type="submit" class="btn btn-sm btn-info"> 
<span class="glyphicon glyphicon-off'></span> 登录 </button> 
</div> 
</div> 
<div class="form-group"> 
<div class="col-xs-6 link"> 
<p class="text-center remove-margin"> 
<small> 忘 记 密码 ? </small> 
<a href="javascript:void(0)"><small> 找 回 </small></a> 
</p> 
</div> 
<div class="col-xs-6 link"> 
<p class="text-center remove-margin"> 
<small> 还 没 注册 ?</small> 
<a href="/Account/Register"><small> 注 册 </small></a> 
</p> 
</div> 
</div> 
} 
</div> 
</div> 
</div> 
</div> 


视图 完成 后 ， 添 加 对 应 的 控制 器 和 动作 用 于 处 理 用 户 请 求 。 在 控制 器 文件 夹 下 建立 Account (如 果 
不 存在 ) 控制 器 ， 然 后 添加 Login 方法 并 指定 一 个 参数 ， 代 码 如 下 : 
倒 程 21 代码 位 置 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Controllers\AccountController.cs 


[HttpGet, AllowAnonymous] 
public ActionResult Login(string id) 


PublicFunctions.SetUrls(ViewBag, Url); /构造 资源 文件 路 径 
new MyPublic.LoginStatus().SetBackLink(id); /保存 上 一 次 页 面 地 址 
return View(); // 返 回 视图 
} 
当 用 户 单 击 登录 后 ， 对 应 控制 器 中 的 DoLogin 方法 会 执行 验证 登录 逻辑 代码 ， 其 主要 核心 代码 
如 下 : 


倒 程 22 代码 位 置 ， 资源 包 \IM\01\BBSSiteItem\BBSSite\BBSSite\Controllers\AccountController.cs 
[HttpPost, AllowAnonymous, ValidateAntiForgeryToken] //3 个 特性 为 Post 接收 ,允许 匿名 ,防止 CSRF 跨 站 攻击 
public ActionResult DoLogin(LoginUsersByCustomerEntity UserEntity) 
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{ 

// 构 造 资源 路 径 (s、css、image 等 ) 

PublicFunctions.SetUrls(ViewBag, Url); 

bool IlsLoginSuccess = false; 

string GetPassword = PublicFunctions.MD5(UserEntity.UserPassword); /将 密码 MD5 加 密 

/验证 用 户 名 和 密码 的 表达 式 

System.Linq.Expressions.Expression<Func<tb_UsersByCustomer, bool>> Exp =f=>fUserName == 
UserEntity.UserName && Encoding.Unicode.GetString(f.UserPassword) == GetPassword; 

using (DB_BBSEntities db = new DB_BBSEntities()) 


// 通 过 表达 式 验证 该 登录 是 否 合法 
IsLoginSuccess = db.tb_UsersByCustomer.Count(Exp.Compile()) > 0; 


} 
if (IsLoginSuccess) 


{ 
FormsAuthentication.SetAuthCookie(UserEntity.UserName, false); 
// 如 果 登 录 成 功 保存 用 户 信息 到 session 
MyPublic.ILoginStatus ILoginStatus = new MyPublic.LoginStatus(); 
ILoginStatus.LoginSuccess(UserEntity.UserName, Session); 
string GetBackLink = ILoginStatus.GetBackLink; 
if (GetBackLink != null) 


{ 
ILoginStatus.RemoveBackLink(); // 移 除 存储 的 url 地 址 
return Redirect(GetBackLink); // 跳 转 到 原 页 面 


} 
else 
return RedirectToAction("Index", "Home"); // 返 回首 页 


} 
} 


else 


// 返 回 登 录 页 并 提示 错误 消息 
ModelState.AddModelError("LoginError", "用 户 名 或 密码 错误 "); 
return View("Login"); 


} 

这 是 验证 登录 的 核心 代码 ， 在 得 到 IsLoginSuccess 的 值 后 ， 按 照 成 功 与 否 选 择 登 录 成 功 的 跳 转 或 
提示 用 户 错误 消息 。 

2. 制作 注册 页 面 


如 果 用 户 在 登录 时 发 现 自己 没有 可 用 的 账号 进行 登录 ， 则 可 以 选择 注册 一 个 用 户 。 同 样 ， 注 册 用 
户 需 要 在 Account 文件 夹 内 添加 一 个 Register.cshtml 视图 文件 , 然后 在 页 面 中 设计 布局 标签 。 注册 页 面 
的 标签 格式 以 及 样式 基本 与 登录 页 面相 同 ， 只 是 用 户 输入 控件 要 多 于 登录 页 面 。 

下 面 只 列 出 form 内 的 部 分 控件 标签 ， 其 他 部 分 可 参见 本 书 资源 包 文件 。 


@ 
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倒 程 23 代码 位 置 : 资源 包 \IM\01\BBSSiteItem\BBSSite\BBSSite\Views\Account\Register.cshtml 


@using (Html.BeginForm("DoRegister", "Account", FormMethod.Post, 
new {id = "registerform" })) 
@Html.AntiForgeryToken() 
@Html.ValidationSummary(true, ", new { @class = "text-danger" }) 
<div class="form-group"> 
<div class="col-xs-12"> 
<div class="input-group"> 


<span class="input-group-addon"> 
<span class="glyphicon glyphicon-user"></span></span> 


@Html.EditorFor(model => model.UserName, new { htmlAttributes = 
new { @class = "form-control", placeholder = "用 户 名 ", 
maxlength = "20", onfocus = "$(#usernamelnfo').show()", 
onblur = "$('#usernamelnfo').hide()" } }) 
</div> 


</div> 
<div class="well" id="usernamelnfo" style="display: none;"> 


提示 :用 户 名 长 度 为 6-20 位 英文 或 数字 ! 
</div> 
</div> 


} 
可 以 看 到 ,每 一 个 控件 的 后 面 都 定义 了 提示 信息 ， 因 此 绑 定 控件 的 Html 帮助 类 的 方法 也 不 同 于 登 


录 控 件 ， 因 为 注册 控件 需要 更 多 的 属性 和 事件 ， 这 些 事件 可 以 实现 当 用 户 单 击 了 控件 后 ， 提 示 用 户 文 


本 内 容 的 输入 标准 等 信息 。 
同样 ， 控 制 器 中 Action 方法 是 必 不 可 少 的 ， 在 Register 方法 中 ， 使 用 ViewBag 动态 类 型 绑 定 了 性 


别 下 拉 框 项 ， 代 码 如 下 : 
倒 程 24 ”代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Controllers\AccountController.cs 


[HttpGet, AllowAnonymous] 
public ActionResult Register() 


PublicFunctions.SetUrls(ViewBag, Url); 1/ 构造 资源 文件 路 径 
PublicService.RegistSexlDBind(ViewBag); // 绑 定 页 面 下 拉 框 
/返回 视图 


return View(); 
当 用 户 单 击 注册 按钮 后 ， 会 执行 Account 控制 器 中 的 DoRegister 方法 ， 代 码 如 下 : 
倒 程 25 代码 位 置 ， 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Controllers\AccountController.cs 


[HttpPost, AllowAnonymous, ValidateAntiForgeryToken] 
public ActionResult DoRegister(RegistUsersByCustomerEntity UserEntity) 


PublicFunctions.SetUrls(ViewBag, Url); 
if (ModelState.lsValid) // 通 过 实体 类 的 验证 特性 判断 是 否 验 证 
通过 


{ 
// 创 建 表 实体 数据 对 象 


tb_UsersByCustomer ub = new tb_UsersByCustomer() 


{ 


UserName = UserEntity.UserName, 


@ 
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UserPassword = Encoding.Unicode.GetBytes(PublicFunctions.MD5(UserEntity.UserPassword)), 
NickName = UserEntity.NickName,SexID = UserEntity.SexID, 
Age = UserEntity.Age,Email = UserEntity.Email 


} 
using (DB_BBSEntities db = new DB_BBSEntities()) // 实 例 化 数据 库 上 下 文 类 
{ 
db.tb_UsersByCustomer.Add(ub); // 将 实体 数据 追加 到 上 下 文集 合 中 
if (db.SaveChanges() == 0) /执行 保存 用 户 数据 ，0 为 保存 失败 
{ 
ModelState.AddModelError("LoginError", "注册 失败 "); /将 错误 消息 添加 到 状态 字典 集合 中 
PublicService.RegistSexIDBind(ViewBag); // 绑 定 页 面 性 别 下拉 框 (如 果 注 册 失 败 ) 
return View("Register"); // 返 回 的 还 是 注册 页 面 
else 
插 
/注册 成 功 保存 用 户 信息 到 session 
MyPublic.ILoginStatus ILoginStatus = new MyPublic.LoginStatus(); 
ILoginStatus.LoginSuccess(UserEntity.UserName, Session); 
string GetBackLink = ILoginStatus.GetBackLink; 
if (GetBackLink != null) 
// 移 除 存储 的 url 地 址 
ILoginStatus.RemoveBackLink(); 
return Redirect(GetBackLink); 
} 
else 
return RedirectToAction("Index", "Home"); // 返 回首 页 
} 
} 
} 
} 
else 


// 绑 定 页 面 性 别 下 拉 框 (如 果 参 数 验 证 失败 ) 
PublicService.RegistSexIDBind(ViewBag); 
return View("Register"); 

} 


当 用 户 注册 成 功 后 会 执行 else 中 的 代码 ， 这 一 部 分 主要 将 用 户 信息 保存 到 了 session 中 ， 然 后 执行 
了 页 面 跳 转 的 过 程 。 


1.7 帖子 列表 显示 及 发 帖 模块 设计 


”帖子 列表 显示 及 发 帖 模块 概述 


户 单 击 查看 某 一 个 子 专区 的 帖子 时 ， 即 有 一 个 页 面 专门 列 出 所 属 该 专区 的 所 有 帖子 的 数据 列 
， 可 以 支持 在 该 专区 下 发 布 一 个 新 的 帖子 。 帖 子 列表 显示 效果 如 图 1.13 所 示 。 
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标题 : 作者 回复 /查看 最 后 发 表 
此 [最 新 帖子 测绘 师 发 图 额 admini om User2 
会 上 日 月 精 掀 asdfadf admini on User2 
上肢 [最 新 帖子 JavaSE 标 题 180? User2 45171 User2 
会 [日 月 精 御 ”JavaSE 标 题 179? User2 18/62 User2 
上肢 [ 最 新 帖子 JavaSE 标 题 176? User2 6/83 User2 


图 1.13 ”帖子 列表 显示 效果 
用 户 发 帖 页 面 效果 如 图 1.14 所 示 。 


设置 为 精华 帖 : 目 帖子 标题 : 合法 后 如 何 发 由 


ml BIUSXx% 作 TA YY- 丘 : 汪 于 - :RT 人 a mpm -| 国 " 
PETIT CEE |- 品 天 每 | 一 前 得 只 大 把 回 习 1 ELEY LE 
已 区 录 的 用 户 如 们 发 由 ! 


图 1.14 用 户 发 帖 
1.7.2 ”帖子 列表 显示 及 发 帖 模块 技术 分 析 


实现 帖子 列表 显示 及 发 帖 模 块 时 ， 用 到 了 Razor 视图 引擎 中 的 @ 符 号 语法 标记 、Html 帮助 器 和 
Model 对 象 ， 关于 @ 符 号 语法 标记 、Html 帮助 器 的 讲解 ， 请 参见 1.6.2 节 ， 这 里 主要 对 Model 对 象 进行 
讲解 。 

每 个 视图 都 有 自己 的 Model 属性 ， 它 是 用 于 存放 控制 器 传递 过 来 的 Model 实例 对 象 ， 即 实现 了 强 
类 型 。 强 类 型 的 好 处 之 一 是 类 型 安全 ， 如 果 在 绑 定 视图 页 面 数据 时 ， 写 错 了 Model 对 象 的 某 个 成 员 名 ， 
编译 器 会 报错 ， 另 一 个 好 处 是 Visual Studio 中 的 代码 智能 提示 功能 。 它 的 调用 方式 如 下 : 


@model MySite.Models.Product 


上 面 代 码 是 指 在 视图 中 引入 了 控制 器 方法 传递 过 来 的 实例 对 象 ， 通 过 在 视图 页 面 中 使 用 Model 即 
可 访问 MySite.Models.Product 中 的 成 员 : 


<span>@Model.ID</span> 
这 里 应 该 注意 的 是 在 引用 时 ，model 的 m 是 小 写字 母 ， 在 页 面 中 使 用 时 ，Model 的 M 是 大 写 。 


1.7.3 ”帖子 列表 显示 及 发 帖 模 块 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb ForumMain、tb_ ForumInfoStatus、tb ForumClassify,tb ForumArea,tb_UsersByCustomer 


@ 
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1. 实现 读 取 帖子 列表 


首先 ， 应 该 分 析 加 载 一 个 子 专区 的 帖子 列表 都 需要 哪些 条 件 ， 然 后 根据 数据 库 表 的 结构 以 及 页 面 
需求 来 制定 参数 列表 。 则 参照 表 结构 可 以 确定 ， 主 帖 列表 需要 提供 一 个 子 专区 的 ID 才能 得 到 所 属 的 主 
帖 数 据 。 由 于 页 面 中 是 以 列表 的 形式 展示 的 所 属 主 帖 信息 ， 所 以 ， 数 据 分 页 也 是 必要 的 功能 。 这 里 将 
分 页 的 页 面 作 为 Action 方法 参数 ， 而 每 页 显示 的 数据 条 数 则 可 以 固定 写 程序 中 。 

打开 Home 控制 器 ， 在 类 下 面 定义 MainContent 方法 ， 按 照 需求 定义 id 和 CurrentPageindex 参数 。 
方法 定义 如 下 : 

倒 程 26 代码 位 置 ， 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Controllers\HomeController.cs 


[HttpGet] 
public ActionResult MainContent(int id = 0, int CurrentPageindex = 1) 
和 
if (id == 0) // 判 断 子 专区 id 值 是 否 为 0 
{return Goto("Index", "Home");} /执行 跳 转 到 上 一 次 访问 的 动作 ， 或 跳 转 到 指定 的 动作 
bool IsLimit = false; /定义 权限 变量 
ViewBag .IsLimit = false; /将 权限 值 赋予 动态 类 型 ， 用 于 视图 中 的 访问 
/实例 化 用 户 登录 状态 类 
BBSSite.MyPublic.LoginStatus IStatus = new BBSSite.MyPublic.LoginStatus(); 
if (IStatus.lsLogin) /| 淹 断 用 户 是 否 登录 
‘ 
tb_ForumClassify ForumClassify = null; // 定 义 子 专区 数据 类 


using (DB_BBSEntities db = new DB_BBSEntities()) // 实 例 化 数据 库 上 下 文 类 
{ 
// 按 照 子 专区 id 值 查询 该 专区 的 其 他 信息 
ForumClassify = db.tb_ForumClassify.Where(W => W.ID == id).FirstOrDefault(); 
if (ForumClassify != null) // 如 果 查 询 数据 不 为 空 
{ 
// 获 取 该 专区 的 所 属 用 户 id， 该 用 户 可 对 该 专区 的 帖子 列表 有 执行 操作 权限 
int For umClassifyUserlD = ForumClassify.ForumUserlD; 
// 取 出 该 子 专区 所 属 大 版 块 专区 的 信息 数据 
tb_ForumArea ForumArea = db.tb_ForumArea.Where(W => 
W.ID == ForumClassify.ForumArealD).FirstOrDefault(); 
int ForumAreaUserlD = ForumArea.UserlD; // 取 出 大 版 块 专区 的 所 属 用 户 id 
// 如 果 当 前 登录 用 户 与 拥有 子 专区 或 大 版 块 专区 权限 的 用 户 相同 
i (IStatus.LoginStatusEntity.ID == ForumClassifyUserlD 
I| IStatus.LoginStatusEntity.ID == ForumAreaUserlD) 
{ 


ViewBag.IsLimit = true; // 该 用 户 有 执行 操作 权限 
IlsLimit = true; 
} 
} 
} 
3 
PublicFunctions.SetUrls(ViewBag, Url); /构造 资源 路 径 Us、css、image 等 ) 
const int PageSize = 20, PageCount = 5; /定义 每 页 显示 数据 总 数 及 最 多 显示 的 页 码 
/构造 分 页 对 象 配置 类 


ConfigPaging cp = new ConfigPaging(CurrentPageindex, PageSize, PageCount); 
ForumClassifyJoinForumMainEntity Model = null; 。”// 要 返回 的 数据 模型 
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using (DB_BBSEntities db = new DB_BBSEntities()) /实例 化 数据 库 上 下 文 类 
{ 
// 按 条 件 查询 子 专区 表 以 及 所 属 主 帖 表 数 据 
Model = db.tb_ForumClassify.Where(W => W.ID == id).Select(S => 
new ForumClassifyJoinForumMainEntity 
{ 
ID= S.ID, 
ClassifyName = S.ClassifyName, 
ClassifyInnerLogo = S.ClassifyInnerLogo, 
UsersByBanzhu = S.tb_UsersByCustomer, 
ForumMain = (ICollection<tb_ForumMain>)S.tb_ForumMain.Where( 
Where => Where.lsdelete == false && 
((!lsLimit && Where.IsExamine == 1) || IsLimit)) 
.OrderByDescending(O => O.ID).Skip(cp.StartRow).Take(PageSize) 
}).FirstOrDefault(); 
/以 下 为 与 ForumMain( 帖 子 ) 表 对 应 的 外 键 表 信息 
Model.ReplyNumber = Model.ForumMain.Select(S => S.tb_ForumlnfoStatus.Where( 
W => W.ForumMainID == S.ID).First().ReplyNumber). ToList(); /统计 回复 次 数 
Model.SeeNumber = Model.ForumMain.Select(S => S.tb_ForumlnfoStatus.Where( 
W => W.ForumMainID == S.ID).First().SeeNumber). ToList(); // 统 计 查 看 次 数 
/最 后 回复 人 
Model.LastReplyUser = Model.ForumMain.Select(S => Stb_ForumlnfoStatus.Where( 
W => W.ForumMainID == S.ID).First().tb_UsersByCustomer.UserName).ToList(); 
Model.UsersByCustomer = Model.ForumMain.Select( 


S => S.tb_UsersByCustomer). ToList(); /发 帖 人 
Model.ImgUrl = Model.ForumMain.Select(S => 

(S.IsRecommend ? "pin_1.gif' : "folder_new.gif))ToList(); /推荐 帖 与 普通 帖 logo 
Model.FMType = Model.ForumMain.Select(S => 

(S.IsRecommend ? "日 月 精华 " : "最 新 帖子 ")).ToList(); /推荐 帖 与 普通 帖 提示 标题 
/以 下 为 总 的 统计 数据 
Model.TotalForumCount = db.tb_ForumMain.Count( 

W => W.lsdelete == false && W.ForumClassifyID == id); /1 帖子 总 数 


Model.TotalReplyCount = db.tb_ForumMain.Where( 
W => W.lsdelete == false && W.ForumClassifyID == id).ToList() 
.Aggregate(0, (count, current) => count + current.tb_ForumlnfoStatus 
.Sum(S => S.ReplyNumben)); /总 回复 数 
Model.TotalSeeCount = db.tb_ForumMain.Where( 
W => W.lsdelete == false && W.ForumClassifyID == id).ToList() 
.Aggregate(0, (count, current) => count + currenttb_ForumlnfoStatus 


.Sum(S => S.SeeNumber)); /总 查看 数 
cp.GetPaging(ViewBag, Model.TotalForumCount); // 绑 定 分 页 数据 
ViewBag.curid = id; /此 id 为 传 入 的 所 属 专区 ID， 将 在 下 次 分 页 时 带 入 
return View(Model); // 返 回 视图 


数据 加 载 完 成 后 ， 接 着 就 是 设计 帖子 列表 页 面 , 在 Home 控制 器 下 创建 MainContent.cshtml 视图 文 
件 ， 然 后 首先 定义 专区 Logo、 标 题 和 版 主 的 布局 标签 ， 代 码 如 下 : 


@ 
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倒 程 27 代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\MainContent.cshtml 


<div class="row"> 
<div class="col-xs-2 text-right"> 
<img alt=" src="@Urls.ContentSecondImageUrl/@Model.ClassifyInnerLogo"> 
</div> 
<div class="col-xs-10 text-left > 
<h3>@Model.ClassifyName</h3> 
<footer> 
版 主 : <cite title="Source Title">@Model.UsersByBanzhu.NickName |</cite> 
</footer> 
</div> 
</div> 


然后 按 顺 序 定义 子 专区 各 项 统计 信息 的 布局 标签 ， 代 码 如 下 : 
倒 程 28 ”代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\MainContent.cshtml 


<!- 横 线 --> 
<div style="width:98%;height:3px;margin-bottom:10px;padding:0px; 
background-color:#D5D5D5;overflow:hidden;"></div> 
<div class="row"> 
<div class="col-xs-9"> 
<span style="padding-left: 10px;"> 
<a href="#newT" class="btn btn-primary"> 
<span class="glyphicon glyphicon-edit" aria-hidden="true"></span> 
新 帖 </a></span> 


</div> 
<div class="col-xs-3 text-nowrap"> 
<span class="text-muted"> 
共 @Model.TotalForumCount 帖子 &nbsp;&nbsp;|&nbsp;&nbsp; 
共 @Model.TotalReplyCount 条 回复 &nbsp;&nbsp;|&nbsp;&nbsp; 
共 @Model.TotalSeeCount 次 查看 &nbsp;&nbsp;|&nbsp;&nbsp; 
</span> 
</div> 
</div> 


定义 数据 表格 时 ， 需 要 注意 权限 的 控制 。 对 于 有 权限 的 用 户 后 台所 返回 的 ViewBag.IsLimit 值 应 为 
trme， 所 以 , 在 绑 定 表格 标题 和 数据 主体 时 应 使 用 站 判断 ViewBag.IsLimit 的 权限 状态 。 布 局 代码 如 下 : 


倒 程 29 代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\MainContent.cshtml 


<table class="table table-striped"> 
<tr> 
<th width="35%"><strong> 标 题 : </strong></th> 
<th width="10%"><strong> 作 者 </strong></th> 
<th width="10%"><strong> 回 复 / 查 看 </strong></th> 
<th width="10%"><strong> 最 后 发 表 </strong></th> 


@{ 
if (ViewBag.IlsLimit) 


@:<th width="35%"><strong> 操 作 </strong></th> 
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</tr> 
@{int rowIndex = 0; } 
@foreach (var FM in Model.For umMain) 


‘ 


} 


</table> 


<tr> 
<td><a href="/Home/SecondContent/@FM.ID"> 
<img src="@Urls.ContentImagesUr/@Model.ImgUrl[rowindex]" /> 
[@Model.FMType[rowIndex]]&nbsp;&nbsp; @FM.Title</a></td> 
<td>@Model.UsersByCustomer[rowindex].UserName</td> 
<td>@Model.ReplyNumber[rowIndex]/@Model.SeeNumber[rowindex]</td> 
<td>@Model.LastReplyUser[lrowIindex]</td> 
@{ 
if (ViewBag.lsLimit) 
{ 
@:<td class="OperaSetting"> 
<input type="button" 
value="@(FM.IsRecommend?" 取 消 精华 "…" 设 置 精华 ")" 
style="@(FM.lIsRecommend?"":"border-color:#399c32;background-color:#46a13f,")" 
lsRecommend="@FM.IsRecommend.ToString().ToLower()" 
onclick="SettingRecommend(this,@FM.ID)" /> 
if (FM.IsExamine == 0) 


{ 
@:<input type="button" value=" 审 核 通过 " 
onclick="Examine(this, @FM.ID)"/> 
} 
@:<input type="button" value=" 删 除 " 
‘onclick="Delrecord(this, @FM.ID)"/> 
@:</td> 


} 
</tr> 
rowlndex++; 


最 后 绑 定 分 页 控件 ， 代 码 如 下 : 
倒 程 30 代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\MainContent.cshtml 


<div class="row"> 
<div class="col-xs-7"></div> 
<div class="col-xs-5 text-nowrap"> 


@Html.Raw(ViewBag.Paging) 


</div> 
</div> 
没有 登录 的 用 户 会 显示 如 图 1.15 所 示 的 列表 页 面 。 登 录 后 的 用 户 会 显示 图 1.16 所 示 的 列表 页 面 。 
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标题: 作者 [i 最 后 友 到 
且 | 屋 守 帖 子 | 到 而 必 恒 颁 admini oo User2 
会 [日 有 桔 和 asdiaot admni om0 User2 
加 [sts 子 | JavasEEE1807 Userz 45171 User2 
会 [日 月 重 和 9 JavasEES179? User2 18/62 User2 
Beit] JavasE e767 ter ms see 
县 | 司 坷 45 子 | JavaSE 标 1757 Userz WI7 Userz 
此 | 最 新 帖子 | JavasE 慰 要 174? User2 si81 User2 
及 lS] JavaSEEm173? User2 14179 User? 
图 1.15 未 登录 用 户 显示 列表 

标题 : 作者 回复 / 迫 看 及 后 发 表 。 控 作 

师 [ 后 客 巾 子 | 列 全 是 发 至 额 adminl oo User2 

会 [日 月 籍 哆 asdtadf admni 00 User2 

乳 [ 尺 新 帖子 | JavasE 村 要 1807 Use2 4571 User? 

会 [日 月 精 条 JavasE 标 是 1797 User2 1862 User2 

县 (号 林子 | JavasE 标 本 1787 Userz S86 User2 

大 [叶子] JavaSE1767? User2 Br83 User2 

县 [ 忆 MH 了 ] JavaSEI5 本 1757 User? 1477 User2 


图 1.16 已 登录 用 户 显示 列表 
2. 实现 发 帖 功 能 
发 帖 功 能 只 限于 登录 的 用 户 ， 普 通 游 客 是 无 法 进行 直接 发 帖 的 。 通 过 判断 用 户 登录 状态 ， 设 置 富 
文本 编辑 器 的 显示 状态 即 可 实现 ， 编 辑 器 布局 标签 如 下 : 
倒 程 31 代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\MainContent.cshtml 


<!- 富 文 本 --> 
@using (Html.BeginForm("PulishNewContent", "HomeSave", FormMethod.Post)) 
4‘ 


"hidden" id="curid" name="ForumClassifyID" value="@ViewBag.curid" /> 
<label for="biaoti"> 设 置 为 精华 帖 : </label> 
<input type="checkbox" name="IsRecommend" value="1" /> 
<label for="biaoti"> 帖 子 标题 : </label> 
<input type="text" name="mainTitle" id="mainTitle" 
placeholder=" 最 大 长 度 80 个 汉字 " style="width: 360px;"> 
<input type="submit" class="btn btn-primary btn-xs text-right" 
value=" 发 表 帖 子 " onclick="return subForm();" /> 
<label style="color:red">@TempData["PulishNewContentError"]</label> 
<!-- 加 载 编辑 器 的 容器 一 > 
<div style="padding: Opx;margin: Opx;width: 100%;height: 100%;"> 
<script id="container" name="content" type="text/plain"> 
</script> 
</div> 


3} 


富 文本 编辑 器 采用 第 三 方 控件 实现 ， 所 以 需要 引用 第 三 方 js 文件 。 然 后 通过 自 定义 js 代码 来 控制 
编辑 器 的 显示 状态 ， 代 码 如 下 : 


@ 
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倒 程 32 代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\MainContent.cshtml 


<!-- 配置 文件 -> 
<script type="text/javascript" src="@Urls.ContentUedit/js/ueditor.config.js"></script> 
<!-- 编辑 器 源码 文件 一 > 
<script type="text/javascript" src="@Urls.ContentUedit/js/ueditor.all.js"></script> 
<!-- 实例 化 编辑 器 --> 
<script type="text/javascript"> 
var AbsolutePath="@Convert.ToBase64String(System.Text.Encoding.Default 
.GetBytes(Request.Url.AbsolutePath))"; 
@{BBSSite.MyPublic.lLoginStatus IStatus = new BBSSite.MyPublic.LoginStatus(); } 
var Success = @IStatus.IlsLogin.ToString().ToLower(); 
var editor = UE.getEditor('container ); 
editor.addListener(ready', function (){ 
if (success) { 
console.log("OK"); 
return; 
}else{ 
editor.setDisabled(fullscreen'); 
editor.setContent('<br/><br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+ 
'&Nnbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+ 
'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+ 
'<a href="/Account/Login/'+AbsolutePath+" target="_parent"> 请 登录 </a>'); 


} 
入 
</script> 


同时 ， 在 页 面 中 还 定义 了 其 他 js 方法 ， 这 些 方法 实现 了 数据 的 提交 或 更 改 数据 状态 等 操作 ， 分 别 
为 subForm 提交 发 帖 内 容 、SettingRecommend 设置 推荐 、Examine 审核 发 帖 、Delrecord 删除 帖子 。 
用 户 登 录 后 富 文本 编辑 器 为 可 编辑 状态 ， 效 果 如 图 1.17 所 示 。 
设置 为 精华 帖 : 回 帖子 标题 ; 嫩 卫 后 如 何 发 帖 EE 


BIUDNX% 全 TA 
司 国 自 沁 WV BNR |- 必 国 人 一 甩 


HET | 加 至 


却 权 于 目 目 
已 周 录 的 用 户 如 何 发 巾 ! 


了 body>p 


图 1.17 用 户 发 帖 
3. 读 取 精 华 帖 子 列表 


精华 帖子 是 由 有 权限 的 管理 人 员 在 众多 帖子 中 标记 为 精华 帖 ， 因 此 类 帖 内 容 丰 富 、 阅 读 价值 较 高 、 
图 文 并 茂 以 及 原创 等 特点 ， 所 以 被 晋升 为 精华 帖 。 

读 取 精华 帖 主要 在 主 帖 列表 中 查询 标记 状态 为 精华 的 帖子 ， 控 制 器 方法 代码 定义 如 下 : 

倒 程 33 ”代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Controllers\HomeController.cs 


public ActionResult Recommend(int CurrentPageindex = 1) 
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PublicFunctions.SetUrls(ViewBag, Url); /构造 资源 路 径 (s、css、image 等 ) 
const int PageSize = 20, PageCount = 5; /定义 每 页 显示 数据 总 数 及 最 多 显示 的 页 码 
/构造 分 页 对 象 配置 类 
ConfigPaging cp = new ConfigPaging(CurrentPageindex, PageSize, PageCount); 
/要 返回 的 数据 模型 
ForumMainByRecommendEntity Model = new ForumMainByRecommendEntity(); 
using (DB_BBSEntities db = new DB_BBSEntities()) /构造 数据 库 上 下 文 
{ 
// 查 询 标记 为 精华 帖 的 列表 内 容 
Model.For umMain = db.tb_ForumMain 
.Where(W => W.IsRecommend == true && W.lsdelete == false) 
.OrderByDescending(O => O.ID).Skip(cp.StartRow).Take(PageSize).ToList(); 
// 查 询 发 帖 人 
Model.UsersByCustomer = Model.For umMain.Select(S => S.tb_UsersByCustomer). ToList(); 
// 查 询 回 复 次 数列 表 内 容 
Model.ReplyNumber = Model.For umMain.Select(S => S.tb_ForumlnfoStatus 
.Where(W => W.ForumMainID == S.ID).First().ReplyNumber). ToList(); 
// 查 询 查 看 次 数列 表 内 容 
Model.SeeNumber = Model.ForumMain.Select(S => S.tb_ForumlnfoStatus 
.Where(W => W.For umMainlD == S.ID).First().SeeNumber).ToList(); 
// 查 询 最 后 回复 人 列表 内 容 
Model.LastReplyUser = Model.ForumMain.Select(S => S.tb_ForumlnfoStatus 
.Where(W => W.ForumMainID == S.ID) 
.First().tb_UsersByCustomer.UserName).ToList(); 
// 统 计 精 华 帖 总 数 
Model.For umMainCount = db.tb_ForumMain.Count(C => C.IsRecommend == true 
&& C.lsdelete == false); 
} 
cp.GetPaging(ViewBag, Model.ForumMainCount); // 绑 定 分 页 数据 
return View(Model); /1 返回 视图 


} 


接着 创建 Recommend.cshtml 视图 文件 ,文件 布局 代码 与 专区 帖子 列表 大 致 相同 ， 所 以 这 里 就 不 在 
列 出 。 运 行程 序 ， 查 看 精华 帖 列 表 页 ， 将 看 到 如 图 1.18 所 示 的 列表 页 面 。 


帖子 
本 


: 感 半 大 家 对 论坛 的 支持 
标量 : 作者 回复 /查看 最 后 发 表 
会 [日 有 戎 拓 asdfadf aamni om User2 
会 |B 月 精 伯 ”JavasE 标 题 179? User2 18/62 User2 
会 [日 月 精 铅 .avasE 标 是 417 use sok2 use 
会 [日 有 生生 JavasE 标 题 10? User2 4273 User2 
会 | 晶 月 精 征 JavaSE 村 加 307 User2 3281 User2 
会 [月桂 和 Javase 标 宣 387 User2 oe User2 
会 1 日 月 多 多 JavasE 标 题 37? User 4076 User2 


图 1.18 精华 帖 列表 页 
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1.8 ”帖子 查看 与 回复 模块 设计 


1.8.1 ”帖子 查看 与 回复 模块 概述 


论坛 帖子 最 主要 的 作用 就 是 解决 发 帖 人 的 问题 , 或 其 他 浏览 者 能 够 回复 发 帖 人 ， 实 现 讨论 的 目的 ， 
同时 ， 也 能 够 将 讨论 结果 分 享 给 其 他 人 浏览 。 所 以 这 就 少不了 某 一 帖子 的 查看 与 回复 功能 。 帖 子 查看 


= 


了 回复 模块 效果 如 图 1.19 所 示 。 


本 Smee 


bem sE ghjava se 停止 工作 怎么 办 了 


人 


A oo mel 
PHN 亚 NE RT 

iA 中 一” "zs 

a 

me | 。 扩 ……*” rssaosecss 
shim 

wa 


图 1.19 帖子 查看 与 回复 


1.8.2 ”帖子 查看 与 回复 模块 技术 分 析 


程序 源 论坛 中 的 各 个 模块 都 是 使 用 ASP.NET MVC 模式 实现 的 ， 本 节 对 ASP.NET MVC 的 请 求 过 
程 进行 讲解 。 

当 在 浏览 器 中 输入 一 个 有 效 的 请 求 地 址 ， 或 者 通过 网 页 上 的 某 个 按钮 请 求 一 个 地 址 时 ，ASP.NET 
MVC 通过 配置 的 路 由 信息 找到 最 符合 请 求 的 地 址 ， 如 果 路 由 找到 了 合适 的 请 求 , 访问 先 到 达 控 制 器 和 
Action 方法 ， 控 制 器 接收 用 户 请 求 传递 过 来 的 数据 (包括 URL 参数 、Post 参数 、Cookie 等 ) ， 并 做 出 
相应 的 判断 处 理 ， 如 果 本 次 是 一 次 合法 的 请 求 并 需要 加 载 持久 化 数据 ， 那 么 通过 Model 实体 模型 构造 


® 
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相应 的 数据 。 在 响应 用 户 阶段 可 返回 多 种 数据 格式 ， 分 别 如 下 : 


回 
回 
回 


返回 


返回 


默认 View (视图 )， 即 与 Action 方法 名 相同 。 
指定 的 View， 但 Action 必须 属于 该 控制 器 下 。 


重 定向 到 其 他 的 View 〈 视 图 )。 
例如 ， 当 一 个 用 户 在 浏览 器 中 输入 并 请 求 了 “http://localhostVHome/Index” 地 址 ， 程 序 会 先 执行 


由 匹配 ， 然 后 转 到 Home 控制 器 ， 再 进入 Index 方法 中 。 
1.8.3 ”帖子 查看 与 回复 模块 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb ForumMain、tb ForumSecond、tb_ForumClassify、tb_UsersByCustomer、 tb ZY Sex 
1. 查看 帖子 


查看 帖子 信息 包含 发 帖 人 信息 、 主 帖 标题 、 主 帖 内 容 以 及 发 帖 时 间 等 ， 如 果 主 帖 中 已 经 有 跟 帖 


复 ， 则 需要 将 跟 帖 信息 读 取 并 绑 定 在 帖子 页 面 中 。 
首先 ,定义 查看 帖子 的 控制 器 处 理 动作 ,方法 名 称 为 SecondContent。 同 样 ， 加 载 某 一 帖子 数据 时 ， 


法 定义 如 下 : 


倒 程 34 ”代码 位 置 ， 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Controllers\HomeController.cs 


四 


要 提供 主 帖 id 才能 读 取 ， 并 且 如 果 跟 帖 数 据 较 多 ， 还 会 采用 分 页 的 方式 加 载 跟 帖 数据 。 控 制 器 的 方 


public ActionResult SecondContent(int id = 0, int CurrentPageindex = 1) 
{ 


/如 果 传 入 id 为 0， 执行 跳 转 到 上 一 次 访问 的 动作 ， 或 跳 转 到 指定 的 动作 


@ 


if (id =: 
PublicFunctions.SetUrls(ViewBag, Url); 


= 0) { return Goto("Index", "Home"); } 
// 构 造 资源 路 径 (js、css、image 等 ) 


const int PageSize = 10, PageCount = 5; /定义 每 页 显示 数据 总 数 及 最 多 显示 的 页 码 
/构造 分 页 对 象 配置 类 
ConfigPaging cp = new ConfigPaging(CurrentPageindex, PageSize, PageCount); 
ForumMainJoinForumSecondEntity Model = null; // 要 返回 的 数据 模型 
using (DB_BBSEntities db = new DB_BBSEntities()) // 构 造 数据 库 上 下 文 类 

// 根 据 条 件 ,查询 主 帖 表 数据 


Model = db.tb_ForumMain.Where(W => W.ID == id && W.lsdelete == false) 


{ 


.Select(S => new For umMainJoinFor umSecondEntity 


ForumMain = S, // 主 帖 信 息 

ForumClassify = S.tb_ForumClassify, /所 属 子 专区 信息 
UsersByCustomer = S.tb_UsersByCustomer, // 发 帖 人 信息 

ZY_Sex = S.tb_UsersByCustomer.tb_ZY_Sex, /发 帖 人 性 别 〈 读 取 资 源 表 ) 


ForumSecondCount = Stb_ForumSecond.Count(C => C.lsDelete == false), // 总 回复 数 
// 查 询 该 帖 的 跟 帖 数据 集合 ， 并 使 用 分 页 进行 查询 

ForumSecond = Stb_ForumSecond 

.Where(W1 => W1.IsDelete == false && W1.CurSequence > 0) 

-OrderBy(O => O.CurSequence).Skip(cp.StartRow).Take(PageSize).Select(S1 => 

new ChildForumSecondByUsersByCustomer 


ForumSecond = S1, // 跟 帖 数 据 
UsersByCustomer = S1tb_UsersByCustomer， ”// 回 复 人 
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ZY_Sex = S1tb_UsersByCustomertb_ZY_Sex // 回 复 人 性 别 〈 读 取 资源 表 ) 
DToList() 
}).FirstOrDefault(); 


} 

cp.GetPaging(ViewBag, Model.ForumSecondCount); // 绑 定 分 页 数据 

ViewBag.curid = id; /此 id 为 传 入 的 所 属 专区 ID， 将 在 下 次 分 页 时 传 回 
return View(Model); /返回 视图 


} = 二 = 一 = 
在 视图 文件 中 ， 主 要 对 发 帖 主题 和 跟 帖 信息 进行 数据 绑 定 。 下 面 是 这 两 部 分 布局 代码 标签 的 定义 ， 
代码 如 下 : 


倒 程 35 ”代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\SecondContent.cshtml 


<table class="table table-bordered"> 
<tr> 
<td class="tbl"> 
<div style="text-align: center;"> 
<p> 楼 主 </p><a><img alt=" src="@Urls.ContentlImagesUrl/ico_000.gif/></a> 
</div> 
<table class="table" style="background-color#e5edf2:"> 
<tr><td> 昵 称 :</td><td>@Model.UsersByCustomer.NickName</td></tr> 
<tr><td> 性 别 :</td><td>@Model.ZY_Sex.Content</td></tr> 
<tr><td> 年 龄 :</td><td>@Model.UsersByCustomer.Age</td></tr> 
<tr><td> 发 帖 数 :</td><td>@Model.UsersByCustomer.Fatieshu</td></tr> 
<tr><td> 回 帖 数 :</td><td>@Model.UsersByCustomer.Huitieshu</td></tr> 
</table> 
</td> 
<td class="tbr"> 
<div style="height: 65px;padding-left: 20px;padding-top: 1px;"> 
<h3><small><a style="color: #ifaeff"> 
[@Model.For umClassify.ClassifyName]&nbsp;</a></small> 
<a style="color: #ifaeff’>@Model.ForumMain. Title</a></h3> 
</div> 
<div style="width:98%;height:1px;margin-bottom:10px;padding:0px; 
background-color:#D5D5D5;overflow:hidden;"></div> 
<p class="text-right" style="padding-right: 90px;"> 
<span style="padding-right 30px;"> 
<a style="color: #78BA00;"> 发 表 于 :@Model.ForumMain.CreateTime</a>| 
<a style="color: #78BA00;"> 只 看 作者 </a>| 
<a style="color: #78BA00;"> 倒 序 查看 </a>| 
<a style="color: #78BA00;"> 共 @Model.ForumSecond.Count() 层 </a> 
</span> 
<span><input type="text" style="width: 32px;" id="floortext"> 
<a href="javascript:void(0)" 
style="color: #78BA00:" onclick="Onfloortext()"> 
<span class="glyphicon glyphicon-screenshot" aria-hidden="true"> 
</span> 快 速 跳 楼 </a></span> 
</p> 
<div style="width:98%;:height:1px;margin-bottom:10px;padding:0px; 
background-color:#D5D5D5;overflow:hidden;"></div> 
<div style="padding-top: 12px:;min-height: 380px:"> 
@Html.Raw(Model.For umMain.Content)</div> 
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<div style="width:98%;height:1px;margin-bottom:10px;padding:0px; 
background-color:#D5D5D5;overflow:hidden;"></div> 
<div style="padding-right: 90px;"> 
<p class="text-right" style="color: yellow;"> 
<a href="javascript:void(0)" id="WarninglnfoMainBtn" IsClick="false”" 
onclick="SetForumIlD("WarningInfoMainBtn',@Model.ForumMain.ID,1)" 
style="color: #{4b300;"> 
<span class="glyphicon glyphicon-warning-sign" 
aria-hidden="true"></span> 举 报 </a></p> 
</div> 
</td> 
</tr> 
</table> 


上 面 布局 代码 中 使 用 table 一 行 多 列 的 方式 分 别 绑 定 了 发 帖 人 信息 、 发 帖 时 间 以 及 帖子 主题 等 数据 。 
这 是 第 一 行 固定 的 数据 信息 。 那 么 ， 跟 帖 数据 的 绑 定 同样 在 table 中 进行 。 通 过 foreach 循环 遍历 跟 帖 
集合 数据 ， 每 一 条 回复 信息 产生 一 个 新 的 tt (新 行 )。 这 样 ， 就 形成 了 一 个 跟 帖 列表 。 布 局 代码 如 下 : 


倒 程 36 代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\SecondContent.cshtml 
@foreach (var ms in Model.ForumSecond) 


{ 
<tr> 
<td class="tbl" id="tbl_@ms.ForumSecond.CurSequence"> 
<div style="text-align: center;"> 
<p> 第 @{@ms.ForumSecond.CurSequence} 楼 </p> 
<a><img alt=” src="@Urls.ContentImagesUrl/ico_000.gif"/></a> 
</div> 
<table class="table" style="background-color:#eSedf2; "> 
<tr><td> 昵 称 :</td><td>@ms.UsersByCustomer.NickName</td></tr> 
<tr><td> 性 别 :</td><td>@ms.ZY_Sex.Content</td></tr> 
<tr><td> 年 龄 :</td><td>@ms.UsersByCustomer.Age</td></tr> 
<tr><td> 发 帖 数 :</td><td>@ms.UsersByCustomer.Fatieshu</td></tr> 
<tr><td> 回 帖 数 :</td><td>@ms.UsersByCustomer.Huitieshu</td></tr> 
</table> 
</td> 
</tr> 


每 一 条 回帖 同样 包含 了 回帖 人 的 信息 ， 与 发 帖 人 并 列 放置 在 了 第 一 列 。 接 着 ， 第 二 列 〈td) 是 放 
帖 信息 内 容 列 ， 代 码 如 下 : 


倒 程 37 代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\SecondContent.cshtml 
<td class="tbr"> 
<span style="padding-right: 30px:"> 
<a style="color: #78BA00;"> 回 复 于 :@ms.ForumSecond.CreateTime</a> 
</span> 
<div style="width:98% ;height:1px;margin-bottom:10px;padding:0px; 
background-color:#D5D5D5;overflow:hidden;"></div> 
<div style="padding-top:12px:;min-height:380px;"> 
<div>@Html.Raw(ms.ForumSecond.Content)</div> 


@ 


互 


因 
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<!- 此 处 为 预 留 布局 -> 
</div> 
<div style="width:98% .height:1px;margin-bottom:10px;padding:0px; 
background-color:#D5D5D5;overflow:hidden;"></div> 
<div style="padding-right: 90px;"> 
<p class="text-right" style="color: yellow;"> 
<a href="javascript:void(0)" onclick="Replying(@ms.ForumSecond.ID)" 
style="color: #f4b300;"> 
<span class="glyphicon glyphicon-fire" aria-hidden="true"></span> 
回复 此 楼 </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<a href="javascript:void(0)" id="WarmninglnfoBtn_@ms.For umSecond.ID" 
IsClick="false" style="color:#f4b300;" 
onclick="SetForumID("WarninglnfoBtn_@ms.ForumSecond.ID',@ms.For umSecond.ID,2)" > 
<span class="glyphicon glyphicon-warning-sign" aria-hidden="true"></span> 
举报 </a> 
<br /> 
<div class="ReplyTextAreaBox" id="ReplayTextAreaBox_@ms.For umSecond.ID"></div> 
</p> 
</div> 
</td> 


如 图 1.20 所 示 为 发 帖 信息 ， 回 帖 效果 如 图 1.21 所 示 。 


ws 
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图 1.21 查看 回帖 
2. 回复 主 帖 


回复 主 帖 是 针对 楼 主 的 发 帖 主题 进行 相关 回复 的 讨论 过 程 ， 但 只 有 登录 的 用 户 才 可 以 进行 回帖 。 
与 发 帖 相同 ， 这 里 使 用 第 三 方 富 文本 编辑 器 来 编辑 回帖 信息 。 
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创建 富 文本 编辑 器 的 方式 与 发 帖 时 相同 ， 这 里 主要 讲解 如 何 实现 回帖 的 过 程 。 当 用 户 单 击 “ 回 复 
帖子 ”按钮 时 将 会 触发 js 定义 的 subForm 方法 进行 提交 数据 前 的 处 理工 作 ， 代 码 如 下 : 
倒 程 38 ”代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\SecondContent.cshtml 


function subForm() { 
if (Isuccess) { 
if(confirm(" 回 帖 前 请 先 登 录 , 单 击 确定 将 跳 转 登录 页 面 ")X 
window.location.href = "/Account/Login/"+AbsolutePath; 


3 

return false; 
} 
Var content = editor.getContent(); 
if(content === "YX{ 


alert(" 请 输入 内 容 "); 
return false; 
3 
else{ 
S$("#ueditor_textarea_content").val($.base64.btoa(content, true)); 
return true; 
} 


; 


在 subForm 方法 中 首先 检测 用 户 是 否 已 经 登录 ， 如 果 未 登录 则 提示 用 户 是 否 登 录 。 所 以 ， 这 里 限 
制 了 只 有 登录 的 用 户 才能 进行 回帖 ， 如 果 用 户 已 经 登录 ， 则 检测 用 户 输入 的 回帖 信息 是 否 有 效 ， 然 后 
将 文本 数据 赋值 给 一 个 id 名 称 为 “ueditor textarea_content” 的 textarea 控件 。 最 后 ， 返 回 true。 

在 绑 定 富 文本 编辑 器 时 ， 使 用 了 Html.BeginForm 方法 指定 了 HomeSave 控制 器 的 ReplyContent 动 
作 方 法 ， 所 以 数据 会 被 提交 到 该 控制 器 指定 的 动作 中 。ReplyContent 方法 代码 如 下 : 

倒 程 39 代码 位 置 ， 资 源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Controllers\HomeSaveController.cs 


public ActionResult ReplyContent(FormCollection FC) 
{ 
int ForumMainlD = 0; /定义 主 帖 id 变量 
string Content; // 定 义 回 复 内 容 变量 
// 接 受 并 验证 Form 表单 提交 过 来 的 字段 值 
if (int.TryParse(FC["curid"], out For umMainID) && ForumMainID > 0 
&& (Content = FC["content"]) != null && Content != "™") 


‘ 

int CurSequence = 0, ReplySequencelD; /定义 楼 层 变 量 和 回复 楼 层 的 id 

int.TryParse(FC["ReplySequencelD"], out ReplySequencelD); /被 回复 人 的 帖子 ID 

if (ReplySequencelD == 0) /如果 该 值 为 0 则 代表 当前 回复 的 是 主 帖 

芋 
CurSequence = 1; // 回 复 主 帖 时 ， 查 找 最 大 的 楼 层 数 并 且 加 1 就 为 该 帖 的 楼 层 ， 否 则 为 1 
using (DB_BBSEntities db = new DB_BBSEntities()) // 实 例 化 数据 库 上 下 文 类 

/查找 该 帖 的 所 有 回复 


IQueryable<tb_ForumSecond> Where = dbtb_ForumSecond 

-Where(W => W.ForumMainID == ForumMainID && W.IsDelete == false); 
if (Where.Any()) // 如 果 能 够 找到 回复 信息 
. 


@ 
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} 


CurSequence = Where.Max(S => S.CurSequence); 1/ 取出 最 大 楼 层 数 
CurSequence++; // 最 大 楼 层 数 加 1， 则 为 当前 回帖 的 楼 层 

} 

ReplySequencelD = ForumMainID; 。 “// 在 回复 主 帖 时 ,回复 楼 层 id 值 应 为 主 帖 ID 


} 
// 取 出 当前 用 户 ID 
int CurrentUserlD = new LoginStatus().LoginStatusEntity.ID; 
// 创 建 回复 数据 实体 并 赋值 
tb_ForumSecond ForumSecond = new Models.tb_ForumSecond(); 
ForumSecond.ForumMainID = For umMainlD; 
ForumSecond.Content = 
Encoding.UTF8.GetString(Convert.FromBase64String(Content)); 
ForumSecond.CreateUserlD = CurrentUserID; 
ForumSecond.CreateTime = DateTime.Now'; 
ForumSecond.CurSequence = CurSequence; 
ForumSecond.ReplySequencelD = ReplySequencelD; 
ForumSecond.IsDelete = false; 
/保存 数据 
using (DB_BBSEntities db = new DB_BBSEntities()) 
{ 
db.tb_ForumSecond.Add(ForumSecond); 
if (db.SaveChanges() > 0) 


// 如 果 保存 成 功 返回 原 页 面 
return Redirect(Request.UrlReferrer.AbsolutePath); 


} 
/在 保存 失败 或 者 参数 验证 未 通过 时 ,返回 原 页 面 (如 果 存 在 ) 或 返回 首页 ,并 发 送 失 败 消息 
return PublicFunctions 
.ToRedirect(this, "ReplyContentError", "未 能 成 功 回复 帖子 ,请 检查 输入 信息 !", 
(Url) => { return Redirect(Url); }, 
(Url) => { return RedirectToAction("Index", "Home"); }); 


如 图 1.22 所 示 ， 编 辑 好 要 回复 的 内 容 后 ， 然 后 单 击 “ 回 复 帖子 ”按钮 即 可 完成 回帖 功能 。 
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1.22 回复 主 帖 
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3. 回复 某 一 楼 层 


除了 回复 主 帖 外 , 还 可 以 针对 某 一 楼 层 的 回复 进行 回复 ,实现 局 部 的 讨论 功能 。 在 定义 ReplyContent 
方法 时 ,代码 中 使 用 了 ReplySequenceID 变量 ， 从 注释 说 明 中 可 以 看 出 ,如 果 这 个 变量 没有 接收 到 前 端 
传递 过 来 的 ReplySequenceID 参数 值 或 值 为 0 则 表示 当前 回复 的 是 主 帖 ， 如 果 该 值 有 效 (大 于 0) ， 则 
表示 当前 回复 的 是 某 一 楼 层 。 所 以 ， 所 有 回复 工作 都 是 由 ReplyContent 动作 方法 完成 的 。 


既然 后 台 控 制 器 动作 中 实现 了 回复 功能 ， 接 下 来 看 一 下 前 台 页 面 上 该 如 何 实现 
局 页 面 标签 时 就 已 经 定义 了 “回复 此 楼 ”按钮 ， 按 钮 的 onlick 事件 指定 了 Replying 
前 楼 层 的 回复 id。 

Replying 方法 定义 在 了 Content 文件 夹 下 的 js 文件 夹 内 。 方 法 定义 如 下 : 


回复 的 功能 。 在 布 
方法 ， 并 传 入 了 当 


倒 程 40 ”代码 位 置 ; 资源 包 \TMWIVBBSSiteItemNBBSSite\BBSSite\Contentjs\SecondContentjs 


function Replying(ForumSecondID){ 
if (Isuccess) { // 验 证 是 否 登 录 
if (confirm( 回 复 前 请 先 登 录 , 单 击 确定 将 跳 转 登录 页 面 )){ 
window.location.href = "/Account/Login/" + AbsolutePath; 。 // 跳 转 到 登录 页 
} 


return false; // 返 回 false 


} 

// 取 出 当前 楼 层 定义 的 用 于 呈现 “发 表 回复 "功能 的 div 容器 

var ReplayTextAreaBox_X = $("#ReplayTextAreaBox_" + ForumSecondID); 
/使 用 字符 串 拼接 "发 表 回复 "的 各 个 控件 

var StartContent = "<div class=\"ReplyTextAreaContent\">"; 

StartContent += "<form action=\"/HomeSave/ReplyContent\" method=\"post\">"; 
StartContent += "<textarea class=\"ReplyTextArea\" id=\"ReplyTextArea\" "; 
StartContent += "name=\"ReplyTextArea\"> 回 复 内 容 </textarea>"; 

StartContent += "<input type=\"submit\" value=\" 发 表 \" "; 

StartContent += "onclick=\"return RplyOn('ReplyTextArea','MaxContent)\"/>"; 
StartContent += "<a href=\"javascript:void(0)\" class=\"CloseReply\" onclick="; 
StartContent += 
StartContent += "<input type=\"hidden\" name=\"content\" id=\"MaxContent\" value=\"\" 
StartContent += "<input type=\"hidden\" name=\"curid\" "; 

StartContent += "value=\"" + $("#curid").val() + \" />"; 

StartContent += "<input type=\"hidden\" name=\"ReplySequencelD\" "; 

StartContent += "value=\"" + ForumSecondID + \"/>"; 

StartContent += "</form></div>"; 

/将 html 编码 字符 串 追 加 到 容器 中 

ReplayTextAreaBox_X.append($(StartContent)); 


当 单 击 “ 回 复 此 楼 ”之 后 会 弹出 如 图 1.23 所 示 的 回复 窗口 。 


回复 此 桂 。 全 举报 


回复 内 容 


1.23 ”回复 楼 层 


"\"CloseReply('ReplayTextAreaBox_" + ForumSecondID + ")"> 收 起 发 表 </a>"; 


" >" 
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4. 绑 定 楼 层 回 复 

当 楼 层 回 复 的 功能 完成 之 后 ， 接 下 来 就 是 呈现 楼 层 中 回复 的 内 容 。 因 为 所 有 的 回复 都 是 在 某 一 楼 
层 中 发 生 ， 所 以 ， 该 部 分 布局 标签 一 定 是 定义 在 楼 层 中 的 某 一 容器 内 。 

在 查看 帖子 一 节 中 ， 布 局 回复 帖子 标签 时 ， 在 绑 定 回复 内 容 的 div 标签 下 面 有 一 处 注释 内 容 ， 标 
记 为 “<!-- 此 处 为 预 留 布 局 -->”。 那 么 绑 定 楼 层 回 复 的 布局 标签 就 是 定义 在 该 位 置 区 域 的 。 布 局 标签 
定义 如 下 : 

倒 程 41 代码 位 置 : 资源 包 \TM\01\BBSSiteItem\BBSSite\BBSSite\Views\Home\SecondContent.cshtml 


@{ 
bool lsData = false; // 定 义 是 否 包 含 楼 层 回复 内 容 
List<V.ChildReplyEntity> ChildReplyArray = 
P.GetChildReply(ms.ForumSecond.ID, out lsData); /查询 该 楼 层 的 回复 内 容 


@if (lsData) // 如 果 该 楼 层 存在 回复 内 容 
€ 
<div class="ChildReply"> 
<ul> 
@foreach (var CRS in ChildReplyArray) /| 循环 遍历 每 一 个 回复 内 容 
{ 
string ByNickName = ""; 
if (CRS.ByUsersByCustomer = null) 


ByNickName = "<span class=\"ReplyConstChar"> 回 复 </span>&nbsp;”" 
+ CRS.ByUsersByCustomer.NickName; 
Ly 
<div class="ChildReplyContent"> 
<img class="ChildReplylImg" 
src="@Urls.ContentImagesUrl/UserHead/@CRS.UsersByCustomer.PhotoUrl" /> 
<span class="ChildReplyNickName"> 
@CRS.UsersByCustomer.NickName&nbsp;@Html.Raw(ByNickName) 
</span>: &nbsp; 
<span>@CRS.ForumSecond.Content</span> 
</div> 
<div class="ChildReplyTime"> 
<span>@CRS.ForumSecond.CreateTime</span> 
<a href="javascript:void(0)" 
onclick="ReplyMining(@CRS.ForumSecond.ID,@ms.ForumSecond.ID)" 
style="color: #f4b300;"> 
<span class="glyphicon glyphicon-fire" 
aria-hidden="true"></span> 回 复 </a> 
</div> 
</li> 
} 
</ul> 
<div class="ReplyMining" id="ReplyMining_@ms.For umSecond.ID"></div> 
</div> 
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布局 后 的 呈现 效果 如 图 1.24 所 示 。 
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[oa] 答 查 你 是 再 及 多 个 jaks 基 月 录 


号 

和 A 留 -ee = 
2016/12/21 13.0923 则 日生 

Re rr2 

跟 ws 

be 2016/11221 13.53:45 荔 回 所 

年 疮 2 月 户 2 国 和 9 条 二 沈 你 ” 检 二 从 的 环 培 变 时 时 否 醒 否 错误 

suenat teatos Was 

回帖 数 5 


图 1.24 ”楼层 内 回复 


1.9 ASPNET MVC 技术 专题 


MVC 是 一 种 软件 架构 模式 , 模式 分 为 3 个 部 分 : 模型 (Model) 、 视 图 (View) 和 控制 器 (Controller)， 
MVC 模式 最 早 是 由 Trygve Reenskaug 在 1974 年 提出 的 ， 其 特点 是 松 耦 合 度 、 关 注 点 分 离 、 易 扩展 和 
维护 , 使 前 端 开发 人 员 和 后 端 开 发 人 员 充分 分 离 ,不 会 相互 影响 工作 内 容 与 工作 进度 .而 ASPNET MVC 
是 微软 在 2007 年 开始 设计 并 于 2009 年 3 月 发 布 的 Web 开发 框架 ， 从 1.0 版 开始 到 现在 的 5.0 版 本 ， 
经 历 了 5 个 主要 版 本 改进 与 优化 ， 采 用 ASPX 和 Razor 这 两 种 内 置 视图 引擎 ， 也 可 以 使 用 其 他 第 三 方 
或 自 定义 视图 引擎 ,通过 强 类 型 的 数据 交互 使 开发 变 得 更 加 清晰 高 效 , 强大 的 路 由 功能 配置 友好 的 URL 
重 写 。ASP.NET MVC 是 开源 的 , 通过 Nuget ( 包 管理 工具 ) 可 以 下 载 到 很 多 开源 的 插件 类 库 。ASPNET 
MVC 是 基于 ASPNET 另 一 种 开发 框架 。 


1.9.1 ASP.NET MVC 中 的 模型 、 视 图 和 控制 器 


模型 、 视 图 和 控制 器 是 MVC 框架 的 三 个 核心 组 件 ， 其 三 者 关系 如 图 1.25 所 示 。 

(1) 模型 (Model) : 模型 对 象 是 实现 应 用 程序 数据 域 罗 辑 的 部 件 。 通 常 ， 模 型 对 象 会 检索 模型 
状态 并 执行 储存 或 读 取 数据 。 例 如 ， 将 Product 对 象 模型 的 信息 更 改 后 提交 到 数据 库 对 应 的 Product 表 
中 进行 更 新 。 

(2) 视图 (View) : 视图 是 显示 用 户 界面 (UI) 的 部 件 。 在 常规 情况 下 ， 视 图 上 的 内 容 是 由 模型 
中 的 数据 创建 的 。 例 如 ， 对 于 Product 对 象 模型 可 以 将 其 绑 定 到 视图 上 。 除 了 展示 数据 外 ， 还 可 以 实现 
对 数据 的 编辑 操作 。 

(3) 控制 器 (Controller) : 控制 器 是 处 理 用 户 交互 、 使 用 模型 并 最 终 选 择 要 呈现 给 用 户 的 视图 等 
流程 控制 部 件 。 控 制 器 接收 用 户 的 请 求 ， 然 后 处 理 用 户 要 查询 的 信息 ， 最 后 控制 器 将 一 个 视图 交还 给 
用 户 。 


@ 
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图 1.25 模型 、 视 图 和 控制 器 的 三 者 关系 


1.9.2 什么 是 Routing 


在 ASPNET WebForms 中 , 一 次 URL 请 求 对 应 着 一 个 ASPX 页 面 ，ASPX 页 面 又 必须 是 一 个 物理 
文件 。 而 在 ASPNET MVC 中 ， 一 个 URL 请 求 是 由 控制 中 的 Action 方法 来 处 理 的。 这 是 由 于 使 用 了 
URLRouting (路 由 机 制 ) 来 正确 定位 到 Controller (控制 器 ) 和 Action (方法 ) 中 ，Routing 的 主要 作 
用 就 是 解析 URL 和 生成 URL。 

在 创建 ASPNET MVC 项 目 时 , 默认 会 在 App_Start 文件 夹 下 的 RouteConfig.cs 文件 中 创建 基本 的 
路 由 规则 配置 方法 ， 该 方法 会 在 ASP.NET 全 局 应 用 程序 类 中 被 调用 。 


public static void RegisterRoutes(RouteCollection routes) 


routes.lgnoreRoute("{resource}.axd/{*pathinfo}"); /忽略 指定 的 Url 路 由 
routes.MapRoute( 
name: "Default", /路 由 名 称 
url: "{controller}/{action}/{id}", // 路 由 配置 规则 
// 路 由 配置 规则 的 默认 值 
defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional } 
六 


一 


面 这 段 默认 的 路 由 配置 规则 匹配 了 以 下 任意 一 个 Unl 请 求 : 
http://localhost 

http://localhost/Home/Index 

http://localhost/Index/Home 

http://localhost/Home/Index/3 
http://localhost/Home/Index/red 


加 回回 罗 罗 上 
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URLRouting 的 执行 流程 如 图 1.26 所 示 。 


Controllers 


图 1.26 URLRouting 流程 图 
1.9.3 ”MVC 的 请 求 过 程 


当 在 浏览 器 中 输入 一 个 有 效 的 请 求 地 址 ， 或 者 通过 网 页 上 的 某 个 按钮 请 求 一 个 地 址 时 ，ASP.NET 
MVC 通过 配置 的 路 由 信息 找到 最 符合 请 求 的 地 址 ， 如 果 路 由 找到 了 合适 的 请 求 , 访问 先 到 达 控 制 器 和 
Action 方法 ， 控 制 器 接收 用 户 请 求 传递 过 来 的 数据 (包括 URL 参数 、Post 参数 、Cookie 等 ) ， 并 做 出 
相应 的 判断 处 理 ， 如 果 本 次 是 一 次 合法 的 请 求 并 需要 加 载 持久 化 数据 ， 那 么 通过 Model 实体 模型 构造 
相应 的 数据 。 在 响应 用 户 阶段 可 返回 多 种 数据 格式 ， 分 别 如 下 : 

(1) 返回 默认 View( 视 图 ) ， 即 与 Action 方法 名 相同 。 

(2) 返回 指定 的 View， 但 Action 必须 属于 该 控制 器 下 。 

(3) 重 定向 到 其 他 的 View( 视 图 )。 

例如 ， 当 一 个 用 户 在 浏览 器 中 输入 并 请 求 了 “http://localhosWVHome/Index” 地 址 ， 程 序 会 先 执行 路 
由 匹配 ， 然 后 转 到 Home 控制 器 ， 再 进入 Index 方法 中 。 下 面 是 Home 控制 的 代码 片段 : 


public class HomeController : Controller /IHome 控制 器 类 ， 继 承 自 Controller 
public ActionResult Index() JIndex 方法 〈Action) 
人 
return View(); /默认 返回 Home 下 面 的 Index 视图 


} 
} 


定义 在 控制 器 中 的 Action 方法 默认 返回 的 是 一 个 ActionResult 对 象 ，ActionResult 对 象 对 Action 
执行 结果 进行 了 封装 ， 用 于 最 终 对 请 求 进行 响应 。ASP.NET MVC 提供 了 一 系列 的 ActionResult 实现 类 
来 实现 多 种 不 同 的 响应 结果 。 下 面 列举 几 个 常用 的 ActionResult 返回 类 型 : 
(1) View 方法 : 返回 ActionResult 视图 结果 并 将 视图 呈现 给 用 户 。 参 数 可 以 返回 Model 对 象 。 


全 
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(2) RedirectToAction 方法 : 返回 RedirectToRouteResult 重 定向 动作 结果 ， 同 类 型 的 还 有 Redirect 
方法 返回 的 RedirectResult 结果 。 

(3) PartialView 方法 : 返回 PartialViewResult 分 部 视图 结果 ， 视 图 文件 应 定义 在 View/Shared 目 
录 下 。 

(4) Content 方法 : 返回 ContentResult 类 型 的 用 户 定义 的 文本 内 容 ， 此 类 型 多 用 于 Ajax 请 求 需要 
返回 的 文本 内 容 。 

(5) Json 方 法: 返回 序列 化 JsonResult 类 型 的 JSON 格式 数据 。 同 样 ， 此 方法 多 用 于 Ajax 请 求 。 
需要 注意 的 是 如 果 Action 是 Get 请 求 , 则 JSON 方法 的 参数 中 必须 传 入 JsonRequestBehavior AllowGet， 
否则 会 因为 避免 暴露 敏感 信息 而 报 出 异常 错误 。 

(6) JavaScript 方法 : 返回 可 在 客户 端 执 行 脚本 的 JavaScriptResult 对 象 ， 但 使 用 JavaScript 方法 
时 ， 需 要 两 个 必要 的 前 提 ， 即 Ajax 和 jquery.unobtrusive-ajax.js。 

(7) File 方法 : 返回 用 于 写 入 到 响应 中 的 二 进 制 输出 FileContentResult， 一 般 可 用 于 简单 的 下 载 
功能 。 

(8) null: 返回 不 执行 任何 操作 结果 的 EmptyResult 对 象 。 


1.10 本 章 总结 


本 章 主要 对 “程序 源 论坛 ”项 目的 一 些 核心 业务 模块 进行 了 讲解 。 通 过 学 习 , 掌握 了 ASPNET MVC 
的 基本 开发 流程 ， 学 会 如 何 实现 页 面 与 控制 器 的 交互 ， 以 及 如 何 使 用 数据 模型 来 操作 用 户 数 据 。 那 么 ， 
本 章 只 是 对 项 目的 前 台 部 分 进行 了 讲解 ， 读 者 在 学 习 完 本 章 的 内 容 后 可 以 多 花 一 些 时 间 去 学 习 掌握 项 
目的 后 台 管 理 部 分 ， 因 为 这 一 部 分 涉及 更 多 的 权限 管理 等 。 同 时 ， 也 希望 读者 能 够 在 学 习 完 本 章 后 ， 
对 本 项 目 进行 一 些 功能 上 的 完善 ， 这 样 ， 才 能 提升 自己 的 开发 经 验 。 


1 
Fe 


和 万 和 


< 
齐 


51 电子 商城 网 站 


(ASPNET4.S+SQL Server 2014+ 网 银 在 线 支 付 实现 ) 


电子 商务 是 指 整个 事务 活动 和 贸易 活动 的 电子 化 ， 它 通过 先进 的 
信息 网 络 , 将 事务 活动 和 贸易 活动 中 发 生 关系 的 各 方 有 机 地 联系 起 来 。 
电子 商务 网 站 实际 上 就 是 销售 企业 为 消费 者 提供 的 网 上 购物 商城 ， 在 
该 网 站 中 用 户 可 以 购买 任何 商品 ， 而 管理 员 可 以 对 商品 和 订单 等 信息 
进行 管理 。 通 过 本 章 的 学 习 ， 读 者 不 仅 可 以 轻松 地 开发 一 个 电子 商务 
网 站 , 更 能 学 会 网 络 程 序 的 设计 思路 .方法 和 过 程 , 快速 提高 ASP.NET 
开发 能 力 和 设计 水 平 。 

通过 阅读 本 章 ， 可 以 学 习 到 : 


Lad 
Lad 
Lad 
Pl 
Lad 


51 电子 商城 网 站 的 开发 过 程 

如 何 进 行 需求 分 析 和 系统 设计 

如 何 分 析 和 设计 SQL Server 2014 数据 库 
主要 功能 模块 的 技术 分 析 和 实现 方法 
实现 网 上 在 线 支付 功能 
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2.1 开发 背景 


至 取代 了 传统 的 购物 观念 。 人 们 足 不 出 户 就 可 以 在 网 上 浏览 到 全 国 各 地 的 商品 信息 ， 方 便 快捷 地 搜索 
到 自己 所 需要 的 商品 ， 而 安全 的 在 线 支付 和 送 货 上 门 服务 ， 使 人 们 更 加 深切 地 体会 到 这 一 购物 方式 的 
优越 性 。 

与 此 同时 ， 网 上 商城 这 种 新 的 商业 运营 模式 被 越 来 越 多 的 商家 运用 到 竞争 中 ， 并 得 到 了 大 多 数 客 
户 的 认可 ， 这 种 基于 浏览 器 、 服 务 器 实现 的 销售 方式 已 初 具 规模 。 一 些 电 子 商务 网 站 的 成 立 ， 从 整体 
上 降低 了 企业 成 本 ， 加 快 了 企业 对 市 场 的 响应 速度 ， 提 高 了 企业 的 服务 质量 和 竞争 力 。 


22 系统 分 析 


2.2.1 需求 分 析 


随 着 中 国 市 场 经 济 的 日 趋 成 熟 ， 中 国企 业 面 对 的 竞争 压力 越 来 越 大 ， 企 业 要 想 生存 ， 在 提高 企业 
内 部 管理 效率 、 充 分 利用 企业 内 部 资源 的 基础 上 ， 必 须 不 断 扩展 销售 渠道 ， 扩 大 消费 群体 ， 提 高 企业 
的 竞争 力 。 随 着 信息 化 时 代 的 到 来 ， 电 子 商务 网 站 成 为 企业 对 外 展示 商品 信息 、 从 事 商 务 活动 的 窗口 。 
如 何 建立 企业 的 电子 商务 网 站 ， 如 何 把 企业 业务 扩展 到 Internet 上 ， 已 经 成 为 企业 普遍 面临 的 问题 。 


2.2.2 ”可行 性 分 析 

根据 《计算 机 软件 文档 编制 规范 》 (GB/T 8567 一 2006) 中 可 行 性 分 析 的 要 求 ， 制 定 可 行 性 研究 报 
告 如 下 。 

1. 引言 

(1) 编写 目的 

为 了 给 企业 的 决策 层 提供 是 否 进行 项 目 实施 的 参考 依据 ， 现 以 文件 的 形式 分 析 项 目的 风险 、 项 目 
需要 的 投资 与 效益 。 

(2) 背景 

X XX 公司 是 吉林 省 一 家 中 型 的 私营 企业 。 该 企业 为 了 扩展 销售 渠道 ， 提 高 企业 知名 度 和 竞争 力 ， 
现 需 要 委托 其 他 公司 开发 一 个 51 电子 商城 网 站 。 

2. 可 行 性 研究 的 前 提 

(1) 要 求 

51 电子 商城 网 站 要 求 能 够 提供 会 员 注册 、 在 线 购物 、 在 线 支付 等 功能 。 


@ 
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(2) 目标 

51 电子 商城 网 站 的 主要 目标 是 系统 全 面 地 展示 网 站 中 的 商品 ， 简 化 用 户 在 线 购 物流 程 ， 确 保 用 户 
在 线 支付 的 安全 性 ， 进 一 步 提高 企业 的 经 济 效益 。 

(3) 和 条件、 假定 和 限制 

项 目 需要 在 2 个 月 内 交付 用 户 使 用 。 系 统 分 析 人 员 需 要 2 天 内 到 位 ， 用 户 需要 5 天 时 间 确 认 需 求 
分 析 文档 。 去 除 其 中 可 能 出 现 的 问题 ， 例 如 用 户 可 能 临时 有 事 ， 占 用 7 天 时 间 确 认 需 求 分 析 。 那 么 程 
序 开发 人 员 需 要 在 1 个 月 零 20 几 天 的 时 间 内 进行 系统 设计 、 程 序 编码 、 系 统 测试 、 程 序 调 试 和 网 站 部 
署 工作 。 其 间 ， 还 包括 了 员工 每 周 的 休息 时 间 。 

(4) 评价 尺度 

根据 用 户 的 要 求 ， 系 统 应 以 商品 展示 和 销售 功能 为 主 ， 对 于 网 站 的 最 新 和 热 销 商品 能 够 及 时 地 展 
示 在 网 站 首页 中 ， 提 供 方便 、 快 捷 的 商品 查询 功能 ， 提 供 简 便 、 安 全 的 在 线 购 物流 程 。 对 于 注册 用 户 
及 商品 等 数据 信息 实施 有 效 、 安 全 的 管理 。 


3. 投资 及 效益 分 析 


(1) 支出 

根据 系统 的 规模 及 项 目的 开发 周期 (2 个 月 ) ， 公 司 决 定投 入 6 个 人 。 为 此 ， 公 司 将 直接 支付 8 
万 元 的 工资 及 各 种 福利 待遇 。 在 项 目 安装 及 调试 阶段 ， 用 户 培训 、 员 工 出 差 等 费用 支出 需要 1.5 万 元 。 
在 项 目 维护 阶段 预计 需要 投入 2 万 元 的 资金 。 累 计 项 目 投入 需要 11.5 万 元 资金 。 

(2) 收益 

用 户 提供 项 目 资金 25 万 元 。 对 于 项 目 运行 后 进行 的 改动 ,采取 协商 的 原则 根据 改动 规模 额外 提供 
资金 。 因 此 从 投资 与 收益 的 效益 比 上 ， 公 司 可 以 获得 13.5 万 元 的 利润 。 

项 目 完成 后 ， 会 给 公司 提供 资源 储备 ， 包 括 技术 、 经 验 的 积累 ， 其 后 再 开发 类 似 的 项 目 时 ， 可 以 
极 大 地 缩短 项 目 开发 周期 。 


4. 结论 


根据 上 面 的 分 析 ， 在 技术 上 不 会 存在 问题 ， 因 此 项 目 延 期 的 可 能 性 很 小 。 在 效益 上 公司 投入 6 个 
人 、2 个 月 的 时 间 获 利 13.5 万 元 ， 比 较 可 观 。 在 公司 今后 发 展 上 ， 可 以 储备 网 站 开发 的 经 验 和 资源 。 
因此 ， 认 为 该 项 目 可 以 开发 。 


2.2.3 ”编写 项 目 计划 书 

根据 《计算 机 软件 文档 编制 规范 》 (GB/T 8567 一 2006) 中 的 项 目 开 发 计划 要 求 ， 结 合 单位 实际 情 
况 ， 设 计 项 目 计划 书 如 下 。 

1 引言 

(1) 编写 目的 

为 了 保证 项 目 开发 人 员 按时 保质 地 完成 预定 目标 ， 更 好 地 了 解 项 目 实际 情况 ， 按 照 合理 的 顺序 开 


展 工作 ， 现 以 书面 的 形式 将 项 目 开发 生命 周期 中 的 项 目 任务 范围 、 项 目 团队 组 织 结构 、 团 队 成 员 的 工 
作 责 任 、 团 队 内 外 沟通 协作 方式 、 开 发 进度 、 检 查 项 目 工作 等 内 容 描述 出 来 ， 作 为 项 目 相 关 人 员 之 间 


@ 
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的 共识 和 约定 、 项 目 生命 周期 内 的 所 有 项 目 活动 的 行动 基础 。 

(2) 背景 

51 电子 商城 网 站 是 由 X X X 公 司 委托 我 公司 开发 的 小 型 电子 商务 平台 系统 。 系 统 主要 用 于 扩展 企 
业 销 售 渠道 ， 提 高 公司 效益 。 项 目 周 期 为 2 个 月 。 项 目 背景 规划 如 表 2.1 所 示 。 


表 2.1 项 目 背景 规划 
项 目 名 称 项 目 委托 单位 任务 提出 者 项 目 承担 部 门 
二 研发 部 门 
51 电子 商城 网 站 XXX 公司 王 经 理 测试 部 门 
2. 概述 
(1) 项 目 目标 


项 目 目 标 应 当 符合 SMART 原则 ， 把 项 目 要 完成 的 工作 用 清晰 的 语言 描述 出 来 。51 电子 商城 网 站 
的 项 目 目标 如 下 : 

51 电子 商城 网 站 主要 的 目的 是 实现 网 上 购物 的 信息 化 管理 。51 电子 商城 网 站 的 主要 业务 就 是 在 线 
销售 ， 因 此 系统 最 核心 的 功能 便 是 实现 网 上 在 线 销售 功能 。 项 目 实 施 后 ， 能 够 扩展 企业 销售 渠道 ， 扩 
大 商品 消费 群体 ， 提 高 企业 效益 。 整 个 项 目 需要 在 2 个 月 的 时 间 内 交付 用 户 使 用 。 

(2) 产品 目标 与 范围 

项 目 实 施 后 ， 将 为 企业 提供 一 个 纪 新 的 销售 渠道 ， 面 对 的 将 是 一 个 庞大 的 消费 群体 ， 可 以 快速 并 
广泛 地 扩大 企业 知名 度 ; 系统 的 维护 和 管理 仅 需 几 个 人 就 能 完成 ， 企 业 无 须 另 外 支付 销售 人 员工 资 及 
柜台 装修 费用 ;方便 快捷 的 在 线 支付 功能 ， 省 却 了 现金 流通 环节 中 的 不 安全 因素 ; 可 以 极 大 地 提高 企 
业 的 经 济 效 益 和 企业 竞争 力 。 

(3) 应 交付 成 果 

项 目 开发 完成 后 ， 交 付 的 内 容 如 下 。 

以 光盘 的 形式 提供 51 电子 商城 网 站 的 源 程序 、 网 站 数据 库 文件 、 系 统 使 用 说 明 书 。 

系统 发 布 后 ， 进 行 无 偿 维 护 和 服务 6 个 月 ， 超 过 6 个 月 进行 网 站 有 偿 维 护 与 服务 。 

(4) 项 目 开 发 环境 

操作 系统 为 Windows 7 或 Windows 10 均 可 ， 使 用 集成 开发 工具 Microsoft Visual Studio 2017， 数 
据 库 采 用 SQL Server 2014， 项 目 运行 服务 为 Internet 信息 服务 (IS) 管理 器 。 

(5) 项 目 验 收 方式 与 依据 

项 目 验收 分 为 内 部 验收 和 外 部 验收 两 种 方式 。 在 项 目 开发 完成 后 ， 首 先进 行内 部 验收 ， 由 测试 人 
员 根据 用 户 需求 和 项 目 目标 进行 验收 。 项 目 在 通过 内 部 验收 后 ， 再 交 给 用 户 进行 验收 ， 验 收 的 主要 依 
据 为 需求 规格 说 明 书 。 


3. 项 目 团队 组 织 


(1) 组 织 结构 
为 了 完成 51 电子 商城 网 站 的 项 目 开发 ， 公 司 组 建 了 一 个 临时 的 项 目 团队 ， 由 公司 副 经 理 、 项 目 经 
理 、 系 统 分 析 员 、 软 件 工程 师 、 网 页 设计 师 和 测试 人 员 构 成 ， 如 图 2.1 所 示 。 
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(2) 人 员 分 工 
为 了 明确 项 目 团队 中 每 个 人 的 任务 分 工 ， 现 制定 人 员 分 工 表 ， 如 表 2.2 所 示 。 


副 经 理 


项 目 经 理 


系统 分 析 员 软件 工程 师 网 页 设计 师 测试 人 员 
图 2.1 项 目 团队 组 织 结构 图 
表 2.2 人 员 分 工 表 


工作 描述 

负责 项 目的 前 期 分 析 、 策 划 、 项 目 开 发 进度 
负责 系统 功能 分 析 、 系 统 框架 设计 
负责 软件 设计 与 编码 
负责 软件 设计 与 编码 
负责 网 页 风格 的 确定 、 网 页 图 片 的 设计 
对 软件 进行 测试 、 编 写 软件 测试 文档 


23 系统 设计 


2.3.1 系统 目标 


对 于 典型 的 数据 库 管理 系统 ， 尤 其 是 51 电子 商城 网 站 这 样 数据 流量 比较 大 的 网 络 管理 系统 ， 必 须 
要 满足 使 用 方便 、 操 作 灵 活 等 设计 需求 。 本 系统 在 设计 时 应 该 满足 以 下 目标 
界面 设计 美观 友好 ， 操 作 简 便 。 
全 面 、 分 类 展示 商城 内 所 有 商品 。 
显示 商品 的 详细 信息 ， 方 便 顾 客 了 解 商品 信息 。 
查看 商城 内 的 交易 信息 。 
设置 灵活 的 打印 功能 。 
对 用 户 输入 的 数据 ， 系 统 地 进行 严格 的 数据 检验 ， 尽 可 能 排除 人 为 错误 。 
提供 新 品 上 市 公告 ， 方 便 顾客 及 时 了 解 相关 信息 。 
提供 网 站 留言 功能 。 
提供 网 上 在 线 支付 功能 。 
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系统 最 大 限度 地 实现 易 维 护 性 和 易 操 作 性 。 
系统 运行 稳定 、 安 全 可 靠 。 


2.3.2 ”系统 流程 图 
51 电子 商城 网 站 流程 图 如 图 2.2 所 示 。 


| 


进行 商品 信息 管理 、 
单 管理 、 用 户 管理 、 芭 
统管 理 等 


是 
在 线 支 付 


图 2.2 51 电子 商城 网 站 流程 图 


2.3.3 ”系统 功能 结构 


为 了 使 读者 能 够 更 清楚 地 了 解 网 站 的 结构 ， 下 面 给 出 电子 商务 网 站 的 前 台 功 能 模块 结构 图 和 后 台 


le 
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功能 模块 结构 图 。 
51 电子 商城 网 站 前 台 管 理 系统 功能 设计 如 图 2.3 所 示 。 
| 电子 商务 平台 前 台 管理 系统 | 
本 | 最 上 | 推 | | 热 || 商 || 用 || 购 || 肥 | | 会 
站 有 | 新 || 状 | | 站 || 虽 || 户 || 物 || 站 || 员 
公 || 商 || 商 | | 商 || 分 [| 中流 外 由 | 各 
告 || 品 || 品 | | 品 心 || 程 | 物 || 录 


网 站 留言 我 的 留言 
图 2.3 51 电子 商城 网 站 前 台 管理 系统 功能 设计 
51 电子 商城 网 站 后 台 管理 系统 功能 设计 如 图 2.4 所 示 。 


电子 商务 平台 后 台 管 理 系统 


[管理 员 管理 || 用 户 


管理 | | 。 系统 管理 


i 


河 胖 哮 车 部 
河上 赔 哮 惟 惠 
酒 峭 滴 趴 
沿路 这 上 
赔 琴 中 梧 


图 2.4 51 电子 商城 网 站 后 台 管 理 系统 功能 设计 
2.3.4 系统 预览 


51 电子 商城 网 站 由 多 个 Web 页 面 组 成 ， 下 面 仅 列 出 几 个 典型 页 面 ， 其 他 页 面 参见 资源 包 中 的 源 
程序 。 

网 站 首页 如 图 2.5 所 示 , 在 其 中 展示 出 了 商城 推荐 商品 、 热 门 商品 等 , 并 提供 商品 分 类 导航 等 信息 。 
网 站 购物 流程 页 面 如 图 2.6 所 示 ， 能 够 让 用 户 清楚 地 了 解 在 本 网 站 购物 的 全 过 程 。 

网 站 购物 车 页 面 如 图 2.7 所 示 , 通过 该 页 面 网 站 会 员 可 以 详细 了 解 和 处 理 购物 信息 。 网 站 后 台 页 面 
如 图 2.8 所 示 ， 主 要 包括 订单 管理 、 用 户 管理 等 。 
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今日 秒杀 商品 


商品 分 类 列表 最 新 商品 


多 盖 ” 条 二 和 : 


图 2.5 网 站 首页 (资源 包 \TM\02\B2C\B2C\Default.aspx) 


购物 流程 
LM 才 本 
玫 育 
和 加 
计算 册 
人 | EE 
本 站 公告 a 
’ 
EE 
' 
奥 击 *“ 放 入 购 守 后" 撞 钥 | > 2 
? 
俊 快 ! 如 果 你 有 什么 所 二 服务 各 


证 : 天 入 册 井下 单 时 ， 需 本 收 芝 人 区 料 ,， 建 愉 
证 骨 为 本 站 会员 后 风物 , 广 册 时 慎 瑟 好 220 
' 村， 可 忆 们 化 过 的 了 9 相 过 程 


网 站 购物 流程 页 面 ( 资 源 包 \TM\02\B2C\B2C\buyFlow.aspx) 
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商品 分 类 列表 购物 车 
EE ie: : 505¥ 
于 电 序号 两 品 ID 页 冰 名 称 数量 单价 总 价 
了 

s Thnkpad 1 4500¥ as5ooy 
国志 本 sa _ 下 
= 5 4554 I 5¥ 5 
科技 


更 新 购物 年 污 空 风物 后 

计算 册 

i 加 时 要 修改 沿 局 数量 ,请 | 
”0 果 要 取消 时 个 两 品 , 尚 要 接 单 二 去 梅 闻 伯 中 的 /1 


本 站 公告 


晒 ! 我 们 将 为 您 民 示 各 


图 2.7 网 站 购物 车 页 面 (资源 包 \TM\02\B2C\B2C\shopCart.aspx) 
四 回 


4 订单 管理 -未 确认 
竹 欣 
林 闻 以太 wu 国 
< 
| 
= 


RJA 要 人 联系 电话 。。 订 


元 “2 2017s11H29B。 5 。 10 15 (10 二 】 me 0000-00000000 有 和 人 和 
无 “1 2017 征 11 朋 29 9675 70 9745 岂 忆 天 明和 于 (10 元 /本 】 mr “0000 00000000 示人 车 生理 了 


2.8 ”网 站 后 台 订 单 页 面 (资源 包 \TM\02\B2C\B2C\AdminIndex.aspx) 


2.3.5 ”构建 开发 环境 


1. 网 站 开发 环境 


[wl 
回 
回 
回 


站 开发 环境 : Microsoft Visual Studio 2017。 
站 开发 语言 : ASP.NET+C#。 

网 站 后 台数 据 库 : SQL Server 2014。 

开发 环境 运行 平台 : Windows 7/ Windows 10。 


司 习 
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服务 器 端 

操作 系统 : Windows 7。 

Web 服务 器 : IIS 6.0 以 上 版 本 。 

数据 库 服 务 器 : SQL Server 2014。 

浏览 器 : Chrome 浏览 器 、Firefox 浏览 器 。 

网 站 服务 器 运行 环境 : Microsoft .NET Framework SDK v4.5。 
客户 端 


浏览 器 : Chrome 浏览 器 、Firefox 浏览 器 。 
分 辩 率 : 最 佳 效果 1280x800 像素 或 更 高 。 


数据 库 设计 
1. 数据 库 概要 说 明 


从 读者 角度 出 发 ， 为 了 使 读者 对 本 系统 后 台数 据 库 中 的 数据 表 有 一 个 更 清晰 的 认识 ， 笔 者 在 此 特 
别 设计 了 一 个 数据 表 树 形 结构 图 ， 该 结构 图 中 包括 系统 中 所 有 的 数据 表 ， 如 图 2.9 所 示 。 

2. 数据 库 概念 设计 

通过 对 网 站 进行 需求 分 析 、 网 站 流程 设计 以 及 系统 功能 结构 的 确定 ， 规 划 出 系统 中 使 用 的 数据 库 
实体 对 象 分 别 为 商品 类 型 、 商 品 信息 、 商 品 订单 、 订 单 详细 和 管理 员 信息 实体 。 


为 了 使 用 户 在 网 上 购物 时 ， 能 够 按照 自己 所 需要 的 商品 类 别 进行 选 购 ， 就 需要 将 所 列 商品 划分 类 
别 。 商 品类 型 的 实体 E-R 图 如 图 2.10 所 示 。 


固 回回 回回 ND 


本 .区 党 


2.3 


O 


国 ab_Netstore 

田 国 数据 库 关 系 图 

日 和 岛 表 
田 国 系统 表 
国 国 dbo. tb_Admin 一 一 一 一 一 管理 员 信息 表 
国 国 dbo. tb_BookInfo 商品 信息 表 
国 国 dbo. tb_C1ass 一 一 一 一 一 一 商品 类 型 表 
国 国 dbo. tb_Detail 订单 详细 表 
国 国 dbo. tb_Inage 一 一 一 一 图 片 信息 表 
国 国 dbo. tb_LeaveWord 用 户 留言 表 
国 国 dbo. tb_Nember 会 员 信息 表 
国 国 dbo, tb_OrderInfo 商品 订单 表 
转 国 dbo. tb_Reply 一 一 一 一 一 同 复 留言 表 

田 国 视图 

田 国 同义词 

田 国 可 编程 性 

国 国 service Broker 

田 国 存储 类 别 图 片 

田 国 安全 性 


图 2.9 数据 表 树 形 结构 图 图 2.10 商品 类 型 的 实体 E-R 图 
对 于 网 上 商城 所 展示 的 商品 ， 为 了 使 消费 者 详细 了 解 商品 ， 应 将 商品 所 有 相关 信息 都 展示 出 来 。 


商品 信息 实体 E-R 图 如 图 2.11 所 示 。 
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图 2.11 商品 信息 实体 E-R 图 


当 消费 者 选 购 好 商品 放 入 购物 车 后 ， 如 果 不 再 继续 购物 ， 便 可 以 前 往 服务 台 ， 进 行 选择 商品 运输 
方式 等 相关 操作 ， 然 后 提交 订单 ， 最 后 进行 在 线 支付 。 商 品 订单 实体 E-R 图 如 图 2.12 所 示 。 


2.12 ”商品 订单 实体 E-R 图 


当 用 户 提交 完 商 品 订单 后 ， 需 要 进一步 了 解 所 购买 商品 的 信息 ， 如 所 购 商 品 的 金额 、 数 量 、 订 单 
号 等 。 订 单 详细 实体 E-R 图 如 图 2.13 所 示 。 


图 2.13 订单 详细 实体 E-R 图 
在 网 站 的 维护 过 程 中 ， 管 理 员 的 角色 最 为 重要 。 本 网 站 管理 员 信 息 实 体 E-R 图 如 图 2.14 所 示 。 
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图 2.14 管理 员 信息 实体 E-R 图 
3. 数据 库 罗 辑 结构 设计 


在 设计 完 数据 库 实 体 E-R 图 之 后 ， 需 要 根据 实体 E-R 图 设计 数据 表 结 构 。 下 面 列 出 本 程序 中 应 用 
的 主要 数据 表 结 构 ， 其 他 数据 表 可 参见 本 书 附带 的 资源 包 。 

(1) tb Admin (管理 员 信息 表 ) 

表 tb_Admin 用 于 保存 管理 员 的 基本 信息 ， 如 图 2.15 所 示 。 

(2) tb_Class (商品 类 型 表 ) 

表 tb_Class 用 于 保存 商品 类 别 的 基本 信息 ， 如 图 2.16 所 示 。 


| 列 名 | 数据 类 型 Ht 
显 AdniniD Int 
AdminName varchar(50) 
Passward varchar(50) 


至 [al 
国 | 口 
加 | 口 
ReaName varchar(50) 口 列 名 数据 类 型 “| 区 许 空 _| 说 明 | 
| 口 
国 口 
L_ 口 


nd varchar50) | 加 | 
全 二 这 Peer Cassame varchsr(50) 口 商品 关 别 名 称 
Category varchsr(s0) 口 商品 关 别 图 片 


2.15 tb Admin 管理 员 信息 表 2.16 商品 类 型 表 
(3) tb_ Detail (订单 详细 表 ) 
表 tb_Detail 用 于 存储 订单 中 商品 的 详细 信息 ， 如 图 2.17 所 示 。 


图 2.17 订单 详细 表 


(4) tb_BookInfo (商品 信 息 表 ) 


表 tb_BookInfo 用 于 保存 商品 的 基本 信息 。 在 商品 信息 表 (tb_BookInfo〉 中 ，ClassID 字段 是 用 来 
确定 该 商品 所 属 类 别 的 ID 代号 ， 与 商品 类 别 表 (tb_Class) 的 主键 ClassID 相对 应 ， 如 图 2.18 所 示 。 
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图 2.18 商品 信息 表 


(5) tb_OrderImmfo〈 商 品 订单 表 ) 

表 tb_OrderInfo 用 于 保存 用 户 购 买 商品 生成 的 订单 信息 。 在 商品 订单 表 (tb_OrderInfo) 中 , IsConfirm 
用 来 标识 订单 是 否 被 确认 ， 即 在 送 货 之 前 ， 确 认 一 下 收 货 人 的 情况 ， 主 要 通过 电话 来 联系 ， 当 确认 完 
后 ， 开 始 发 送 货物 ， 发 送 货物 状态 用 IsSend 字段 来 表示 ; 货物 是 否 交 到 用 户 手 中 ， 用 ISEnd 字段 来 表 
示 。 从 确认 到 货物 移交 到 用 户 手中 的 每 一 步 ， 都 需要 一 个 跟 单 员 ， 其 中 跟 单 员 ID 代号 用 字段 AdminID 
来 表示 ， 该 字段 与 管理 员 信息 表 (tb_Admin) 中 的 主键 AdminID 相对 应 ， 如 图 2.19 所 示 。 

(6) tb_ Member (会 员 信息 表 ) 

表 tb_ Member 主要 用 来 存储 注册 会 员 的 基本 信息 ， 包 括 登录 名 、 密 码 、 真 实 姓 名 等 ， 如 图 2.20 
所 示 。 


了 


omaooooo0o0o00000000|% 


| rotapree 

|_ ShoType 
ReceverName 
Receverphone 


站 


ReceverPostCode 


| ReceverAddress 
| ReceverEmall 
sconfrm 


ooooooooooo 肯 


图 2.19 商品 订单 表 图 2.20 会 员 信息 表 
2.3.7 ”文件 夹 组 织 结构 
为 了 便于 读者 对 本 网 站 的 学 习 ， 在 此 笔者 将 网 站 文件 的 组 织 结构 展示 出 来 ， 如 图 2.21 所 示 。 
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公共 类 文件 夹 
b 十 App code 数据 库 文件 夹 
bp 器 App_Data 主题 文件 夹 
b App-Themes 一 一 一 一 一 一 第 三 方 控件 文件 
曾 aspnet-dient 一 一 一 一 一 一 一 一 网 上 银行 文件 夹 
而 bak 一 一 一 一 一 一 一 一 一 all 文件 夹 
， 号 Bn 一 一 一 一 一 一 一 括 件 资源 文件 严 
OS 
人 ori 一 一 一 一 一 一 的 六 人 类 
》 败 了 一 一 一 一 一 一 前台 图 片 资源 文件 
Img 和 自 定 义 js 文件 
: ee 一 一 一 一 一 一 一 网站 后 台 文件 夹 
的 一 插件 资源 文件 夹 
本 we 一 一 一 一 一 一 一 自 定义 用 户 控件 
b 4] buyflowaspx 一 一 一 一 一 一 一 购物 流程 责 
+ 图 checkOutaspx 服务 台 页 
» $6) Defoultaspx 网 站 首页 
的 feedbackaspx 留言 页 
b +D) Getaspx.exclude 在 线 银行 文件 
”后 GoBankaspx 在 线 分 行 页 
b +@) goodslistaspx 商品 展示 页 
b *@) helpCenter.aspx 网 站 帮助 页 
b +@) LeaveWordBack.aspx 回复 留言 页 
b +@) LeaveWordView.aspx 留言 回复 查看 页 
b + Masterpagemaster 网 站 前 台 母 版 页 
b + MyWordaspx 管理 员 留言 页 
4 站 packages.config NuGet 管理 包 配置 广 
b *@) PayWay.aspx 在 线 支付 页 
b *@) Registeraspx 用 户 注册 页 
b + shopCartaspx 购物 车 页 
b +@) showinfoaspx 商品 详细 信息 查看 页 
V *@ UpdateMember.aspx 用 户 更 新 个 人 信息 页 
4 WebiConfig 网 站 配置 文件 
图 2.21 网 站 文件 组 织 结 构图 
2.4 公共 类 设计 
开发 项 目 中 以 类 的 形式 来 组 织 、 封 装 一 些 常 用 的 方法 和 事件 ， 不 仅 可 以 提高 代码 的 
大 方便 了 代码 的 管理 。 
2.4.1 Web.Config 文件 配置 


为 了 使 应 用 程序 方便 移植 , 为 版 本 控制 提供 更 好 的 支持 , 需要 在 应 用 程序 配置 文件 ( 即 Web.Config 


文件 ) 中 设置 数据 库 连 接 信息 。 连 接 数 据 库 代 码 如 下 : 


© 
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<configuration> 
<appSettings> 
<add key="ConnectionString" 
value="server=MRFDW\MRFDW;database=db_NetStore;UId=sa;password=""/> 
</appSettings> 


</configuration> 
AM 
< 注意 应 当 使 UId 和 password 与 本 机 上 的 SQL Server 2014 的 登录 名 和 密码 相对 应 。 


2.4.2 ”数据 库 操作 类 的 编写 


在 51 电子 商城 网 站 中 共 建 了 5 个 公共 类 ， 具 体 如 下 。 

CommonClass: 用 于 管理 在 项 目 中 用 到 的 公共 方法 ， 如 弹出 提示 框 、 随 机 验证 码 等 。 
DBClass: 用 于 管理 在 项 目 中 对 数据 库 的 各 种 操作 ， 如 连接 数据 库 、 获 取 数 据 集 DataSet 等 。 
GoodsClass: 用 于 管理 对 商品 信息 的 各 种 操作 。 

OrderClass: 用 于 管理 对 购物 订单 信息 的 各 种 操作 。 

UserClass: 用 于 管理 对 用 户 信息 的 各 种 操作 。 

下 面 主要 介绍 CommonClass 类 和 DBClass 类 的 创建 过 程 ， 其 他 类 参见 本 书 附带 的 资源 包 。 


1. 类 的 创建 


在 创建 类 时 ， 用 户 可 以 直接 在 该 项 目 中 找到 App_Code 文件 夹 ， 然 后 单 击 鼠 标 右键 ， 在 弹出 的 快 
捷 菜 单 中 选择 “添加 新 项 ”命令 ， 在 弹出 的 “添加 新 项 ”对 话 框 中 选择 “类 ”选项 ， 并 为 其 命名 〈 以 
创建 DBClass 为 例 ) ， 单 击 “ 添 加 ”按钮 即 可 创建 一 个 新 类 ， 如 图 2.22 所 示 。 


加 罗 图 图 加 


图 2.22 “添加 新 项 ”对 话 框 


< 注意 在 ASPNET 中 ，App Code 文 件 夹 专门 用 来 存放 一 些 应 用 于 全 局 的 代码 (如 公共 类 )， 
如 果 项 目 中 没有 该 文件 夹 ， 可 以 在 项 目 上 单 击 筷 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ASPNET 
文件 夹 ” 一 App_Code 命令 ， 添 加 一 个 App Code 文 件 夹 。 
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2. CommonClass 类 

CommonClass 类 用 于 管理 在 项 目 中 用 到 的 公共 方法 , 主要 包括 MessageBox 方法 、MessageBoxPage 
方法 和 RandomNum 方法 ， 下 面 分 别 介 绍 。 

(1) MessageBox(string TxtMessage) 方 法 

MessageBox 方法 用 于 在 客户 端 弹出 对 话 框 ， 提 示 用 户 执行 某 种 操作 。 代 码 如 下 : 

倒 程 01 代码 位 置 : 资源 包 \TM\02\B2C\B2C\App_Code\CommonClass.cs 

JW <summary> 

说明: MessageBox 用 来 在 客户 端 弹出 对 话 框 ， 关 闭 对 话 框 返回 指定 页 

/参数 : TxtMessage 对 话 框 中 显示 的 内 容 

WUnrl 对 话 框 关闭 后 ， 跳 转 的 页 


li</summary> 
public string MessageBox(string TxtMessage,string Url) 


string str; 
str = "<script language=javascript>alert(" + TxtMessage + ");location=" + Url + ";,</script>"; 
return str; 


} 


(2) MessageBoxPage(string TxtMessage) 方 法 
MessageBoxPage 方法 用 于 在 客户 端 弹 出 对 话 框 ， 提 示 用 户 执行 某 种 操作 或 已 完成 了 某 种 操作 ， 并 
刷新 页 面 。 代 码 如 下 : 
倒 程 02 ”代码 位 置 : 资源 包 \TM\02\B2C\B2C\App_Code\CommonClass.cs 


Wi<summary> 

说明: MessageBoxPage 用 来 在 客户 端 弹出 对 话 框 ， 提 示 用 户 执行 某 种 操作 或 已 完成 了 某 种 操作 ， 并 刷新 页 面 
参数: TxtMessage 对 话 框 中 显示 的 内 容 

li</summary> 

public string MessageBoxPage(string TxtMessage) 

£ 


string str; 
str = "<script language=javascript>alert(" + TxtMessage + ")</script>"; 
return str; 


} 
(3) RandomNum(int mn) 方法 
RandomNum 方法 用 来 生成 由 英文 字母 和 数字 组 合成 4 位 的 验证 码 , 常用 于 登录 界面 , 用 于 防止 用 
户 利 用 注册 机 自动 注册 、 登 录 或 灌水 。 代 码 如 下 : 
倒 程 03 ”代码 位 置 : 资源 包 \TM\02\B2C\B2C\App_Code\CommonClass.cs 
public string RandomNum(int n) 


{ 
// 定 义 一 个 包括 数字 、 大 写 英文 字母 和 小 写 英文 字母 的 字符 串 
string strchar = "0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F,G,H,l,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z, 
a,b,c,d,e,f,g,h,ij,k,l,m,n,0,p,9,T,s,t, U,V,W,X,y,2"; 
// 将 strchar 字符 串 转化 为 数组 
Jstrchar.Split 方法 返回 包含 此 实例 中 的 子 字符 串 〈 由 指定 Char 数组 的 元 素 分 隔 ) 的 String 数组 
string[] VcArray = strchar.Split(,); 
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string VNum = ™; 
/记录 上 次 随机 数值 ， 尽 量 避 免 产 生 几 个 一 样 的 随机 数 
inttemp = -1; 
/采用 一 个 简单 的 算法 以 保证 生成 的 随机 数 不 同 
Random rand = new Random(); 
for (inti= 1;i<n+1;i++) 
{ 
if (temp != -1) 
{ 
Wunchecked 关键 字 用 于 取消 整 型 算术 运算 和 转换 的 溢出 检查 
//DateTime.Now.Ticks 属性 获取 表示 此 实例 的 日 期 和 时 间 的 刻度 数 


rand = new Random(i * temp * unchecked((int)DateTime.Now.Ticks)); 


} 
//Random. 对 象 的 Next 方 法 返回 一 个 小 于 所 指定 最 大 值 的 非 负 随机 数 
intt = rand.Next(61); 
if (temp != -1 && temp ==t) 
{ 
return RandomNum(n); 

} 

temp =t; 

VNum += VeArray[t]; 


} 
return VNum; // 返 回 生成 的 随机 数 
} 


3. DBClass 类 


DBClass 类 用 于 管理 在 项 目 中 对 数据 库 的 各 种 操作 ， 主 要 包括 GetConnection 方法 、ExecNonQuery 

方法 、ExecScalar 方法 和 GetDataSet 方法 ， 下 面 分 别 详细 介绍 。 
(1) GetConnection(string sString, int nLeng) 方 法 

GetConnection 方法 用 来 创建 与 数据 库 的 连接 ， 并 返回 SqlConnection 类 对 象 。 代 码 如 下 : 

倒 程 04 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\App_Code\DBClass.cs 

li<summary> 

1/ 连接 数据 库 

li</summary> 

/<returns> 返 回 SqlConnection 对 象 </returns> 

public SqlConnection GetConnection() 

{ 


// 定 义 一 个 连接 数据 库 中 的 字符 串 
string myStr = ConfigurationManager.AppSettings["ConnectionString"].ToString(); 
1/ 创建 一 个 新 的 数据 库 连 接 对 象 
SqlConnection myConn = new SqlConnection(myStr); 
// 返 回 SqlConnection 类 对 象 的 值 
return myConn; 
3 


(2) ExecNonQuery(SqlCommand myCmd) 方 法 
ExecNonQuery 方法 用 来 执行 SQL 语句 ， 并 返回 受 影响 的 行 数 。 当 用 户 对 数据 库 进行 添加 、 修 改 
或 删除 操作 时 ， 可 以 调用 该 方法 。 代 码 如 下 : 
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倒 程 05 ”代码 位 置 : 资源 包 \TM\02\B2C\B2C\App_Code\DBClass.cs 
ll<summary> 

执行 SQL 语句 ， 并 返回 受 影响 的 行 数 

ll</summary> 

MW<param name="myCmd"> 执 行 SQL 语句 命令 的 SqlCommand 对 象 </param> 
public void ExecNonQuery(SqlCommand myCmd) 

{ 


try 
{ 
if (myCmd.Connection.State != ConnectionState.Open) 
myCmd.Connection.Open(); // 打 开 与 数据 库 的 连接 


} 
/使 用 SqlCommand 对 象 的 ExecuteNonQuery 方法 执行 SQL 语句 ， 并 返回 受 影响 的 行 数 
myCmd.ExecuteNonQuery(); 


catch (Exception ex) 


// 扫 出 一 个 异常 
throw new Exception(ex.Message, ex); 


} 
finally 


if (myCmd.Connection.State == ConnectionState.Open) 


myCmd.Connection.Close(); // 关 闭 与 数据 库 的 连接 


} 
} 


(3) ExecScalar(SqlCommand myCmd) 方 法 

ExecScalar 方法 用 来 返回 查询 结果 中 的 第 一 行 第 一 列 值 。 当 用 户 从 数据 库 中 检索 数据 , 并 获取 查询 
结果 中 的 第 一 行 第 一 列 的 值 时 ， 可 以 调用 该 方法 。 代 码 如 下 : 

倒 程 06 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\App_Code\DBClass.cs 

li<summary> 

执行 查询 ， 并 返回 查询 所 返回 的 结果 集中 第 一 行 的 第 一 列 。 所 有 其 他 的 列 和 行将 被 忽略 

li</summary> 

ll<param name="myCmd"></param> 

Wi<returns> 执 行 SQL 语句 命令 的 SqlCommand 对 象 </returns> 

public string ExecScalar(SqlCommand myCmd) 

{ 


string strSql; 
try 
和 
if (myCmd.Connection. State != ConnectionState.Open) 


myCmd.Connection.Open(); // 打 开 与 数据 库 的 连接 
} 
// 使 用 Sqlcommand 对 象 的 ExecuteScalar 方法 执行 查询 
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/并 返回 查询 所 返回 的 结果 集中 第 一 行 的 第 一 列 。 所 有 其 他 的 列 和 行将 被 忽略 
strSql=Convert.ToString(myCmd.ExecuteScalar()); 
return strSql ; 

} 


catch (Exception ex) 


{ 


throw new Exception(ex.Message, ex); 


¥ 
finally 


{ 
if (myCmd.Connection.State == ConnectionState.Open) 


myCmd.Connection.Close();// 关 闭 与 数据 库 的 连接 


} 
} 


(4) GetDataSet(SqlCommand myCmd, string TableName) 方 法 
GetDataSet 方法 主要 用 来 从 数据 库 中 检索 数据 ， 并 将 查询 的 结果 使 用 SqlDataAdapter 对 象 的 Fill 
方法 填充 到 DataSet 数据 集 ， 然 后 返回 该 数据 集 的 表 的 集合 。 代 码 如 下 : 


倒 程 07 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\App_Code\DBClass.cs 


li<summary> 

说 ” 明 : 返回 数据 集 的 表 的 集合 

1/ 返 回 值 :数据 源 的 数据 表 

l/l/ 参 数 : myCmd 执行 SQL 语句 命令 的 SqlCommand 对 象 ，TableName 数据 表 名 称 
li</summary> 

public DataTable GetDataSet(SqlCommand myCmd, string TableName) 

{ 


SqlDataAdapter adapt; 
DataSet ds = new DataSet(); 
ty 
{ 
if (myCmd.Connection.State != ConnectionState.Open) 


myCmd.Connection.Open(); 


} 

adapt = new SqlDataAdapter(myCmd); 
adapt.Fill(ds,TableName); 

return ds.Tables[TableName]; 


catch (Exception ex) 
throw new Exception(ex.Message, ex); 
上 
finally 
{ 
if (myCmd.Connection.State == ConnectionState.Open) 


myCmd.Connection.Close(); 
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HW 
意 在 编写 DBClass 类 之 前 ， 需 要 引入 命名 空间 System.Data.SqlClient， 以 便 使 用 该 命名 空间 
中 包含 的 类 。 引 用 该 命名 空间 的 代码 为 : using System Data.SqlClient。 


2.5 网 站 前 台 首页 设计 


上 B 
| 视频 讲解 ”| 


2.5.1 网 站 前 台 首 页 概述 
对 于 电子 商务 网 站 来 说 ， 首 页 的 设计 是 极其 重要 的 ， 设 计 效 果 的 好 坏 直 接 影响 到 顾客 的 购买 情绪 ， 


也 会 影响 网 站 的 人 气 。 在 隆 欣 电子 商务 网 站 的 首页 商品 展示 区 中 ， 用 户 可 以 第 一 时 间 看 到 隆 欣 电子 商 
品 展销 、 最 新 商品 及 热门 商品 。 在 “商品 分 类 列表 ”区 域 中 可 以 对 商品 进行 分 类 浏览 
;管理 。 


城 最 新 推出 的 精品 
查询 ， 并 根据 自己 的 喜好 购买 所 需 商 品 。 用 户 登 录 后 可 以 发 表 留 言 ， 并 对 自己 的 留言 信息 进行 管理 


电子 商务 网 站 前 台 首 页 的 运行 效果 如 图 2.23 所 示 。 
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2.5.2 ”网 站 前 台 首页 技术 分 析 


在 设计 网 站 首页 功能 模块 时 ， 主 要 采用 了 母 版 页 技术 ， 用 来 封装 前 台 每 个 页 面 的 页 头 、 页 尾 、 分 
类 导航 条 和 用 户 登 录 。 而 在 母 版 页 的 这 些 设 计 中 又 主要 应 用 了 用 户 自 定义 控件 ， 下 面 着 重 介绍 用 户 自 
定义 控件 。 
用 户 自 定义 控件 简称 用 户 控件 , 它 是 一 种 服务 器 控件 ,以 .ascx 为 扩展 名 并 被 保存 在 单独 的 文件 中 。 
te 己 对 象 模型 的 类 ， 页 面 开 发 人 员 可 以 对 其 编程 ， 它 比 服务 器 端 包含 文件 提供 了 更 多 的 
功能 ， 为 创建 具有 复杂 用 户 界面 元 素 的 控件 带 来 了 极 大 方便 。 


明 各 号 Web 用 户 控件 的 语言 可 以 与 包含 它 的 页 面 语言 有 所 不 同 ， 这 意味 着 使 用 公共 语言 运 
行 库 支 持 的 任何 语言 编写 的 Web 用 户 控件 都 可 以 在 同一 个 页 面 中 使 用 。 


用 户 控件 声明 性 语法 与 用 于 创建 ASP.NET 网 页 的 语法 非常 相似 。 主 要 的 差别 在 于 : 用 户 控件 使 用 
@Control 指令 取代 了 @Page 指令 ， 并 且 用 户 控件 在 内 容 周围 不 包括 html、body 和 form 元 素 。 

要 创建 一 个 用 户 控件 ， 一 般 有 下 面 几 个 步 又。 

(1) 创建 一 个 新 文件 并 为 其 指定 一 个 扩展 名 为 .ascx 的 文件 名 。 

(2) 在 该 页 面 的 顶部 创建 一 个 @Control 指令 ， 并 指定 要 为 控件 〈 如 果 有 ) 使 用 的 编程 语言 。 

(3) 添加 用 户 希望 显示 的 控件 。 

(4) 添加 用 户 控件 要 执行 的 任务 〈 如 处 理 控件 事件 或 从 数据 源 读 取 数据 ) 代码 。 

(5) 如 果 希 望 在 用 户 控件 和 宿主 页 之 间 共 享 信息 ， 则 在 控件 中 创建 相应 的 属性 。 根 据 需要 创建 任 
何 类 的 属性 ， 可 以 创建 为 公共 成 员 或 使 用 get 和 set 访问 器 创建 属性 。 


pa 
Dn 
夹 中 , 则 运行 包含 该 控件 的 页 面 时 将 发 生 分 析 错 误 。 另 外 , 用户 控件 属于 System.Web.UI.UserContol 
类 型 ， 它 直接 继承 于 System.Web.ULControl。 


在 Visual Studio 2017 中 创建 用 户 控件 的 主要 步骤 如 下 : 

(1) 打开 解决 方案 资源 管理 器 ， 在 项 目 名 称 上 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “添加 新 
项 ”命令 ， 将 会 弹出 如 图 2.24 所 示 的 “添加 新 项 ”对 话 框 。 在 该 对 话 框 中 ， 选 择 “Web 用 户 控件 ” 选 
项 ， 并 为 其 命名 ， 单 击 “ 添 加 ”按钮 将 Web 用 户 控件 添加 到 项 目 中 。 

(2) 打开 已 创建 好 的 Web 用 户 控件 〈 用 户 控件 的 文件 扩展 名 为 .ascx) ， 在 .ascx 文件 中 可 以 直接 
向 页 面 添加 各 种 服务 器 控件 以 及 静态 文本 、 图 片 等 。 

(3) 双击 页 面 上 的 任何 位 置 ， 或 者 直接 按 下 快捷 键 F7， 可 以 将 视图 切换 到 后 台 代码 文件 ， 程 序 
开发 人 员 可 以 直接 在 文件 中 编写 程序 控制 逻辑 ， 包 括 定义 各 种 成 员 变 量 、 方 法 以 及 事件 处 理 程序 等 。 


pM 
rE 
显示 ， 因 此 也 就 不 能 设置 用 户 控 件 为 “起 始 页 ”。 


@ 
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联机 | i | 
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蔓 Coffeescript 文件 Visual C# ' 
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侣 EF 5x DbContext 生成 器 。 Visual C# | 
A Farnhconen sm vanlcs ™ 
LE 坦 ; | 
| 
名 称 (N): WebUserControlascx 回 格 代 三 放 在 单独 的 文件 中 (P) | 
口 ERO | 
I | 
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图 2.24 添加 Web 用 户 控 件 
2.5.3 ”网 站 前 台 首 页 实现 过 程 


1. 设计 步骤 
(1) 在 应 用 程序 中 新 建 一 个 Web 窗 体 ， 命 名 为 Default.aspx， 将 其 作为 MasterPage.master 母 版 页 
的 内 容 页 ， 并 设置 为 起 始 页 。 

(2) 在 页 面 中 通过 使 用 bootstrap+div 为 整个 页 面 布局 。 从 “工具 箱 ” 选 项 卡 中 拖 放 两 个 DataList 
控件 , 通过 属性 窗口 设置 控件 的 属性 。Default.aspx 页 面 中 主要 控件 的 属性 设置 及 其 用 途 如 表 2.3 所 示 。 
表 2.3 ”Default.aspx 页 面 中 主要 控件 的 属性 设置 及 其 用 途 

控件 类 型 用 途 
RepeatColumns 属性 设置 为 2，RepeatDirection 属性 设置 为 | 显示 商城 的 “最 新 


Horizontal 商品 ” 


dlDiscount 


由 Datalist 
a RepeatColumns 属性 设置 为 2，RepeatDirection 属性 设置 为 | 显示 商城 的 “热门 
Horizontal 商品 ” 
2. 实现 代码 


在 编辑 器 页 (Defaultaspx.cs) 中 编写 代码 前 ， 首 先 需 要 定义 CommonClass 类 对 象 和 GoodsClass 
类 对 象 ， 以 便 在 编写 代码 时 ， 调 用 该 类 中 的 方法 。 代 码 如 下 : 
倒 程 08 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\Default.aspx.cs 


CommonClass ccObj = new CommonClass(); 
GoodsClass gcObj = new GoodsClass(); 


在 Page Load 事件 中 , 首先 调用 HotBind 和 DiscountBind 自 定义 方法 , 分 别 用 于 显示 “热门 商品 ” 


和 “最 新 商品 ”。 代 码 如 下 : 
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倒 程 09 ”代码 位 置 : 资源 包 \TM\02\B2C\B2C\Default.Aspx.cs 


protected void Page_Load(object sender, EventArgs e) 


if (llsPostBack) 
‘ 
HotBind(); // 调 用 HotBind 方法 来 显示 热门 商品 
DiscountBind(); // 调 用 DiscountBind 方法 来 显示 最 新 商品 
. 
3 


HotBind 和 DiscountBind 自 定义 方法 分 别 用 于 GoodsClass 类 的 DLDeplayGI 方法 ， 绑 定 商 品 信息 。 
代码 如 下 : 

倒 程 10 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\Default.Aspx.cs 

protected void HotBind() 


gcObj.DLDeplayGI(3, this.dlHot, "Hot"); /| 绑 定 “热门 商品 ” 
} 
protected void DiscountBind() 


gcObj.DLDeplayGI(2, this.dIDiscount, "Discount"); 。// 绑 定 “ 最 新 商品 ” 
} 


在 “最 新 商品 ”显示 框 中 ， 用 户 可 以 通过 单 击 任 一 商品 名 ， 查 看 该 商品 的 详细 信息 ; 然后 ， 单 击 
该 商品 下 的 “购物 车 ”按钮 ， 可 以 将 该 商品 放 在 购物 车 中 。 为 了 实现 上 述 功能 ， 需 要 在 DataList 控件 
的 IemCommand 事件 中 ， 调 用 自 定 义 方法 AddressBack， 实 现 查看 商品 的 详细 信息 ;调用 自 定义 方法 
AddShopCart， 实 现 将 购买 的 商品 放 在 购物 车 中 。 代 码 如 下 : 

倒 程 11 ”代码 位 置 : 资源 包 \TM\02\B2C\B2C\Default.Aspx.cs 


protected void dlDiscount_ltemCommand(object source, DataListCommandEventArgs e) 
€ 
if (e.CommandName == "detailSee") 


AddressBack(e); 
else if (e.CommandName == "buy") 


AddShopCart(e); 


AddressBack 自 定义 方法 ， 实 现 的 主要 功能 是 跳 转 到 商品 详细 信息 页 (showInfo.aspx) ， 查 看 商品 
的 详细 信息 。 实 现 的 具体 步骤 如 下 : 
(1) 将 当前 页 的 地 址 放 在 Session["address"] 对 象 中 ， 以 便 在 商品 详细 信息 页 单 击 “ 返 回 ” 按 钮 时 ， 
返回 到 该 页 。 
(2) 使 用 Response 对 象 的 Redirect 方法 实现 跳 转 功 能 ， 并 传递 该 商品 的 ID 代码 。 代 码 如 下 : 


@ 
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倒 程 12 ”代码 位 置 : 资源 包 \TM\02.B2C\B2C\Default.Aspx.cs 
public void AddressBack(DataListCommandEventArgs e) 
Session["address"] ="™" 
Session["address"] = "Default.aspx"; 
Response.Redirect("~/showlInfo.aspx?id=" + Convert.Tolnt32(e.CommandArgument.ToString())); 
下 


AddShopCart 自 定义 方法 实现 的 主要 功能 是 将 用 户 新 购买 的 商品 添加 到 购物 车 中 。 在 实现 过 程 中 ， 
首先 ， 判 断 用 户 是 否 已 经 有 了 购物 车 ， 如 果 用 户 没有 ， 则 重新 分 配 一 个 给 用 户 ; 如 果 用 户 已 经 有 了 购 
物 车 , 则 判断 该 购物 车 中 是 否 已 经 有 该 商品 。 如果 有 , 则 表示 用 户 想 多 买 一 个 , 此 时 把 这 个 商品 的 “ 值 ”， 
即 数量 加 1。 如 果 没 有 ， 则 新 加 一 个 〈 名 ， 值 ) 对 。 代 码 如 下 : 


倒 程 13 ”代码 位 置 ; 资源 包 \TM\02\B2C\B2C\Default.Aspx.cs 
W<summary> 
内 向 购物 车 中 添加 新 商品 
Wi</summary> 
ll/<param name="e"> 
/1/ 获 取 或 设置 可 选 参数 
/该 参数 与 关联 的 CommandName 
1/ 一 起 被 传递 到 Command 事件 
/Wi</param> 
public void AddShopCart(DataListCommandEventArgs e) 


Hashtable hashCar; 
if (Session["ShopCart"] == null) 


{ 
// 如 果 用 户 没有 分 配 购物 车 


hashCar = new Hashtable(); /| 新 生成 一 个 
hashCar.Add(e.CommandArgument, 1); 1 添加 一 个 商品 
Session["ShopCart"] = hashCar; // 分 配给 用 户 
else 
/用 户 已 经 有 购物 车 
hashCar = (Hashtable)Session["ShopCart"]; /得 到 购物 车 的 Hash 表 
if (hashCar.Contains(e.CommandArgument)) /购物 车 中 已 有 此 商品 ， 商 品 数 量 加 1 
int count = ConvertTolnt32(hashCarfe.CommandArgumentl.ToString()); /得 到 该 商品 的 数量 
hashCar[e.CommandArgumentl = (count + 1); // 商 品 数 量 加 1 
else 
hashCar.Add(e.CommandArgument, 1); // 如 果 没 有 此 商品 ， 则 新 添加 一 个 名， 值 ) 对 
} 


DY 在 “热门 商品 ”的 显示 框 中 ， 完 成 “查看 商品 的 详细 信息 ”和 “将 购买 的 商品 添加 到 购 
物 车 ”功能 的 实现 过 程 ， 与 在 “最 新 商品 ”中 完成 “查看 商品 的 详细 信息 ”和 “将 购买 的 商品 添加 
到 购物 车 ”功能 的 实现 过 程 相似 ， 此 处 不 再 鞭 述 。 
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2.6 购物 车 管理 页 设计 


2.6.1 ”购物 车 管理 页 概述 


购物 车 功能 的 实现 是 本 网 站 的 关键 ， 主 要 用 于 显示 及 管理 用 户 的 购物 信息 。 用 户 在 浏览 商品 的 过 
程 中 ， 如 果 遇 到 想 要 购买 的 商品 ， 单 击 商品 下 方 的 “购买 ”按钮 ， 即 可 将 该 商品 的 信息 添加 到 购物 车 
中 ， 通 过 单 击 页 面 顶部 导航 栏 中 的 “购物 车 ”链接 进入 购物 车 管理 页 面 ， 可 以 进行 查看 和 编辑 商品 信 
息 等 操作 。 购 物 车 管理 页 包括 的 功能 如 下 
将 商品 添加 到 购物 车 。 
浏览 购物 车 中 的 商品 信息 。 
修改 购物 车 中 的 商品 数量 。 
删除 购物 车 中 的 商品 。 
清空 购物 车 。 
购物 车 管理 页 (shopCart.aspx) 的 运行 效果 如 图 2.25 所 示 。 


商品 分 类 天 购物 车 


2 当前 总 金 医 为 ,总 价 ; 4601Y 


回 轿 图 罗 加 
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图 2.25 购物 车 页 面 运行 效果 


2.6.2 ”购物 车 管理 页 技术 分 析 


在 实现 购物 车 管理 页 的 功能 时 主要 应 考虑 两 点 : 一 是 如 何 区 分 用 户 与 购物 车 的 对 应 关系 ; 二 是 购 
物 车 中 商品 存放 的 结构 。 

(1) 用 户 与 购物 车 的 对 应 关系 

用 户 与 购物 车 的 对 应 关系 ， 即 每 个 用 户 都 有 自己 的 购物 车 ， 购 物 车 不 能 混用 ， 而 且 必须 保证 当 用 
户 退 出 系统 时 ， 其 购物 车 也 随 之 消失 。 这 种 特性 正 是 Session 对 象 的 特性 ， 所 以 使 用 Session 对 象 在 用 
户 登录 期 间 传递 购物 信息 。 


@ 
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(2) 购物 车 中 商品 存放 的 结构 
实现 购物 功能 的 实质 是 增加 一 个 (商品 名 ， 商 品 个 数 ) 的 〈 名 ， 值 对， 该 结构 正 是 一 个 哈 希 表 
(Hashtable) 的 结构 〈 哈 希 表 是 键 / 值 对 的 集合 ) ， 所 以 使 用 哈 希 表 〈Hashtable) 来 表示 用 户 的 购买 
青 况 。 
在 .NET Framework 中 ， 哈 希 表 是 System.Collections 命名 空间 提供 的 一 个 容器 , 用 于 处 理 和 表现 类 
似 key/value 的 键 值 对 ， 其 中 key 通常 用 来 快速 查找 ， 同 时 key 是 区 分 大 小 写 ; value 用 于 存储 对 应 的 
key 值 。Hashtable 中 key/value 键 值 对 均 为 object 类 型 ， 所 以 Hashtable 可 以 支持 任何 类 型 的 key/value 
键 值 对 。 


Pa 
et 在 应 用 哈 希 表 时 ， 需 要 引入 using System.Collections 命名 空间 。 


哈 希 表 的 一 些 简单 操作 介绍 如 下 。 

(1) 在 哈 希 表 中 添加 一 个 key/value 键 值 对 : HashtableObject.Add(key,value)。 

(2) 在 哈 希 表 中 移出 某 个 键 值 对 : HashtableObjectRemove(key)。 

(3) 在 哈 希 表 中 移出 所 有 元 素 : HashtableObjectClear0。 

根据 以 上 两 点 的 讲解 ， 下 面具 体 看 一 下 如 何 应 用 哈 希 表 和 Session 对 象 来 实现 购物 车 功能 。 以 用 户 
向 购物 车 中 添加 商品 为 例 ， 首先 判断 用 户 是 否 已 经 有 了 购物 车 ， 即 判断 Session["ShopCart"] 对 象 是 否 为 
空 ， 如 果 Session["ShopCart"] 对 象 为 空 ， 表 示 用 户 没有 购物 车 ， 则 添加 一 个 (名 , 值 ) 对 (“名 ”是 这 
个 商品 的 ID 代号 ，“ 值 ”为 1， 表 示 购 买 了 一 个 商品 ); 如果 Session["ShopCart"] 对 象 不 为 空 ， 获 取 
其 购物 车 ， 首 先 判断 购物 车 中 是 否 已 经 有 该 商品 ， 如 果 有 ， 则 这 个 商品 的 “ 值 ”， 即 数量 加 1。 代 码 如 下 : 


倒 程 14 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\Default.aspx.cs 


Hashtable hashCar; /定义 一 个 Hashtable 对 象 
if (Session["ShopCart"] == nul) /| 判断 是 否 为 用 户 分 配 购 物 车 
‘ 

// 如 果 用 户 没 有 分 配 购 物 车 

hashCar = new Hashtable(); /| 新 生成 一 个 


// 添 加 一 个 商品 (在 e.CommandArgument 中 保存 的 是 商品 编号 ) 
@ hashCar.Add(e.CommandArgument, 1); 


Session["ShopCart"] = hashCar; // 分 配给 用 户 
} 
else 
// 用 户 已 经 有 购物 车 
hashCar = (Hashtable)Session["ShopCart"]; // 得 到 购物 车 的 Hashtable 
if (hashCar.Contains(e.CommandArgument)) /购物 车 中 已 有 此 商品 ， 商 品 数 量 加 1 
{ /得 到 该 商品 的 数量 
int count = Convert. Tolnt32(hashCarle.CommandArgument].ToString()); 
hashCarle.CommandArgument] = (count + 1); /商品 数量 加 1 
} 
else 
hashCar.Add(e.CommandArgument, 1); /| 如果 没有 此 商品 ， 则 新 添加 一 个 〈 名 , 值 ) 对 


@ 
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Ah 代码 由 十 
@ CommandArgument 属性 : 获取 或 设置 可 选 参数 ， 该 参数 与 关联 的 CommandName 一 起 被 传递 到 Command 事件 。 
语法 格式 如 下 : 


public string CommandArgument { get'; set; } 


属性 值 : 与 关联 的 CommandName 一 起 被 传递 到 Command 事件 的 可 选 参 数 。 默认 值 为 String.Empty。 
尽管 可 以 单独 设置 CommandArgument 属性 ， 但 该 属性 通常 也 只 在 设置 了 CommandName 属性 时 才 使 用 。 


2.6.3 ”购物 车 管理 页 实现 过 程 


国 ”本 模块 使 用 的 数据 表 : tb_BookInfo 
1. 设计 步骤 
(1) 在 应 用 程序 中 新 建 一 个 Web 窗 体 ， 命 名 为 shopCartaspx， 将 其 作为 MasterPage.master 母 版 
页 的 内 容 页 ， 并 设置 为 起 始 页 。 
(2) 在 页 面 中 通过 bootstrap+div 为 整个 页 面 布局 。 从 “工具 箱 ” 选 项 卡 中 拖 放 两 个 Label 控件 、 
-个 GridView 控件 和 4 个 LinkButton 控件 ， 通 过 属性 窗口 设置 控件 的 属性 。shopCartaspx 页 面 中 各 个 
控件 的 属性 设置 及 其 用 途 如 表 2.4 所 示 。 
表 2.4 shopCart.aspx 页 面 中 各 个 控件 的 属性 设置 及 其 用 途 


控件 类 型 | 控件 名 称 主要 属性 设置 用 途 
辽 labMessage Visible 属性 设置 为 False 显示 提示 信息 
labTotalPrice ”| Text 属性 设置 为 “0.00¥¥: ” 显示 购物 商品 总 价 
InkbtnUpdate ”| Text 属性 设置 为 “更 新 购物 车 ” 执行 “更 新 购物 车 ”操作 
画面 本 本 InkbtnClear Text 属性 设置 为 “清空 购物 车 ” 执行 “清空 购物 车 ”操作 
lnkbtnContinue | Text 属性 设置 为 “继续 购物 ” 执行 “继续 购物 ”操作 
lnkbtnCheck ”| Text 属性 设置 为 “前 往 服务 台 ” 执行 “前 往 服 务 台 ”操作 
AllowPaging 属性 设置 为 Tme (人 允许 分 页 )， 
园 eriayiey gvShopCart AutoGenerateColumns 属性 设置 为 False( 取消 自动 生成 | 显示 用 户 购买 的 商品 信息 
列 ) ，PageSize 属性 设置 为 6( 每 页 显示 数据 为 6 条 ) 


2. 实现 代码 

在 该 页 的 后 台 shopCart.aspx.cs 页 中 编写 代码 前 ， 首 先 需 要 定义 CommonClass 类 对 象 和 DBClass 
类 对 象 ， 以 便 在 编写 代码 时 调用 该 类 中 的 方法 ， 然 后 再 定义 3 个 全 局 变量 。 代 码 如 下 : 

倒 程 15 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\shopCart.Aspx.cs 


CommonClass ccObj = new CommonClass(); 
DBClass dbObj = new DBClass(); 


string strSql; /定义 一 个 字符 串 
DataTable dtTable; /定义 一 个 DataTable 变量 
Hashtable hashCar; /定义 一 个 哈 希 表 变 量 


@ 
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在 Page_ Load 事件 中 ,创建 一 个 自 定义 数据 源 ， 并 将 其 绑 定 到 GridView 控件 中 ， 显 示 购 物 车 中 的 
商品 信息 。 代 码 如 下 : 


倒 程 16 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\shopCart.Aspx.cs 


protected void Page_Load(object sender, EventArgs e) 


{ 


if (!IsPostBack) 


if (Session["ShopCart"] == null) 


4. 


// 如 果 没 有 购物 ， 则 给 出 相应 信息 ， 并 隐藏 按钮 
this.labMessage.Text = "您 还 没有 购物 !"; 
this.labMessage.Visible = true; 
this.InkbtnCheck.Visible = false; 
this.InkbtnClear.Visible = false; 
this.InkbtnContinue.Visible = false; 


hashCar = (Hashtable)Session["ShopCart"]; 
if (hashCar.Count == 0) 


{ 
// 如 果 没 有 购物 ， 则 给 出 相应 信息 ， 并 隐藏 按钮 
this.labMessage.Text = "您 购物 车 中 没有 商品 !"; 
this.labMessage.Visible = true; 
this.InkbtnCheck.Visible = false; 
this.InkbtnClear.Visible = false; 
this.InkbtnContinue.Visible = false; 


else 


// 设 置 购物 车 内 容 的 数据 源 

dtTable = new DataTable(); 

DataColumn column1 = new DataColumn("No"); 
DataColumn column2 = new DataColumn("BookID"); 


DataColumn column3 = new DataColumn("BookName"); 


DataColumn column4 = new DataColumn("Num"); 
DataColumn column5 = new DataColumn("price"); 
DataColumn column6 = new DataColumn("totalPrice"); 
dtTable.Columns.Add(column1); 
dtTable.Columns.Add(column2); 
dtTable.Columns.Add(column3); 
dtTable.Columns.Add(column4); 
dtTable.Columns.Add(column5); 
dtTable.Columns.Add(column6); 

DataRow row; 

// 对 数据 表 中 每 一 行进 行 遍历 ， 给 每 一 行 的 新 列 赋值 
foreach (object key in hashCar.Keys) 


/创建 一 个 新 的 数据 行 
row = dtTable.NewRow(); 


/显示 提示 信息 

/隐藏 “前 往 服务 台 ” 按 钮 
/隐藏 “清空 购物 车 ”按钮 
// 隐 藏 “继续 购物 ”按钮 


/获取 其 购物 车 


/显示 提示 信息 

/隐藏 “前 往 服务 台 ” 按 钮 
/隐藏 “清空 购物 车 ”按钮 
/隐藏 “继续 购物 ”按钮 


/序号 列 
/商品 ID 代号 
/商品 名 称 
/数量 

/单价 

/总 价 
/添加 新 列 
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row["BookID"] = key.ToString(); 
row["Num"] = hashCar[key].ToString(); 
dtTable.Rows.Add(row); 


} 

// 计 算 价格 

DataTable dstable; /定义 一 个 DataTable 类 型 的 变量 
inti = 1; 

float price; /商品 单价 

int count; /商品 数 量 

float totalPrice = 0; /商品 总 价格 


foreach (DataRow drRow in dtTable.Rows) 
{ 
strSql = "select BookName,HotPrice from tb_Booklnfo 
where BooklD=" + Convert.Tolnt32(drRow["BookID"].ToString()); 
// 调 用 公共 类 中 的 GetDataSetStr 方法 ， 返 回 一 个 DataSet 数据 集 
dstable = dbObj.GetDataSetStr(strSql, "tbGI"); 


drRow["No"] =i; /序号 
drRow["BookName"] = dstable.Rows[0][0].ToString(); /商品 名 称 
drRow["price"] = (dstable.Rows[0][1].ToString()); /| 单价 
price = float.Parse(dstable.Rows[0][1].ToString()); /单价 
count = Int32.Parse(drRow["Num"].ToString()); 

drRowf"totalPrice"] = price * count:; /总 价 
totalPrice += price * count; /计算 合 价 


itt; 


} 
this.labTotalPrice.Text = "总 价 : "+ totalPrice.ToString(); /显示 所 有 商品 的 价格 


this.gvShopCart.DataSource = dtTable.DefaultView; // 绑 定 GridView 控件 
this.gvShopCart.DataKeyNames = new string[] { "BookID" }; 
this.gvShopCart.DataBind(); // 绑 定数 据 库 中 数据 


在 购物 车 信息 显示 框 中 ， 数 量 的 显示 是 通过 一 个 可 写 的 TextBox 控件 来 实现 的 ， 如 果 用 户 要 修改 
商品 的 数量 ， 可 以 在 相应 的 文本 框 中 进行 修改 。 单 击 “ 更 新 购物 车 ”链接 按钮 ， 购 物 车 中 的 商品 数量 
将 会 被 更 新 。“ 更 新 购物 车 ”的 Click 事件 代码 如 下 : 

倒 程 17 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\shopCart.aspx.cs 

protected void InkbtnUpdate_Click(object sender, EventArgs e) 


hashCar = (Hashtable)Session["ShopCart']; // 获 取 其 购物 车 
/使 用 foreach 语句 ， 遍 历 更 新 购物 车 中 的 商品 数量 
foreach (GridViewRow gvr in this.gvShopCart.Rows) 


* 
TextBox otb = (TextBox)gvr.FindControl("txtNum"); // 找 到 用 来 输入 数量 的 TextBox 控件 
int count = Int32.Parse(otb. Text); // 获 得 用 户 输入 的 数量 值 
string BookID = gvr.Cells[1].Text; /得 到 该 商品 的 ID 代号 
hashCar[BooklID] = count; /更 新 Hashtable 
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Session["ShopCart"] = hashCar; /更 新 购物 车 
Response.Write(ccObj.MessageBoxPage(" 更 新 成 功 ! ")); 
} 


当 用 户 需 要 删除 购物 车 中 某 一 类 商品 时 ， 可 以 在 购物 车 信息 显示 框 中 ， 单 击 该 类 商品 后 的 “删除 ” 
链接 按钮 ， 将 该 商品 从 购物 车 中 删除 。“ 删 除 ”链接 按钮 的 Click 事件 代码 如 下 : 


倒 程 18 ”代码 位 置 ， 资源 包 \TM\02\B2C\B2C\shopCart.Aspx.cs 
protected void InkbtnDelete_Command(object sender, CommandEventArgs e) 


{ 
hashCar = (Hashtable)Session["ShopCart"]; // 获 取 其 购物 车 
// 从 Hashtable 中 ， 将 指定 的 商品 从 购物 车 中 移 除 
/其 中 “删除 ”链接 按钮 (InkbtnDelete) 的 CommandArgument 参数 值 为 商品 ID 代号 
hashCar.Remove(e.CommandArgument); 
Session["ShopCart"] = hashCar; // 更 新 购物 车 
Response.Redirect("shopCart.aspx"); 

} 


当 用 户 单 击 “ 清 空 购物 车 ”链接 按钮 时 ， 将 会 清空 购物 车 中 的 所 有 商品 。“ 清 空 购物 车 ”链接 按 
钮 的 Click 事件 代码 如 下 : 
倒 程 19 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\shopCart.aspx.cs 
protected void InkbtnClear_Click(object sender, EventArgs e) 
Session["ShopCart"] =null; 
Response.Redirect("shopCart.aspx"); 
} 
当 用 户 单 击 “ 继 续 购物 ”链接 按钮 时 ， 将 会 跳 转 到 前 台 首页 ， 继 续 购买 商品 。“ 继 续 购物 ”链接 
按钮 的 Click 事件 代码 如 下 : 
倒 程 20 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\shopCart.aspx.cs 
protected void InkbtnContinue_Click(object sender, EventArgs e) 
{ 
} 


当 用 户 已 购买 完 商 品 后 ， 可 以 单 击 “ 前 往 服务 台 ” 链 接 按 钮 ， 将 会 跳 转 到 服务 台 页 (checkOut.asp) 
进行 结算 并 提交 订单 。“ 前 往 服 务 台 ”链接 按钮 的 Click 事件 代码 如 下 : 

倒 程 21 代码 位 置 : 资源 包 \TM\02\B2C\B2C\shopCart.Aspx.cs 

protected void InkbtnCheck_Click(object sender, EventArgs e) 


Response.Redirect("Default.aspx"); 


Response.Redirect("checkOut.aspx"); // 跳 转 到 服务 台 页 
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2.6.4 ”单元 测试 


在 开发 完 购物 车 模块 后 ， 为 了 保证 程序 正常 运行 ， 一 定 要 对 模块 进行 单元 测试 。 单 元 测试 在 程序 
开发 中 非常 重要 ， 只 有 通过 单元 测试 才能 发 现 模块 中 的 不 足 之 处 ,才能 及 时 地 弥补 程序 中 出 现 的 错误 ， 


在 开发 购物 车 模块 时 需 注 意 如 下 问题 : 


当 本 网 站 的 会 员 购 完 自己 的 商品 欲 查 看 购物 车 时 ， 如 果 编 写 以 下 代码 将 会 出 现 如 图 2.26 所 示 的 提 


示 错 误 。 


倒 程 22 ”代码 位 置 : 资源 包 \TM\02\B2C\B2C\shopCart.aspx.cs 


ee /省 略 部 分 源 代码 
foreach (DataRow drRow in dtTable.Rows) 
{ 


strSql = "select BookName,HotPrice from tb_Booklnfo 


where BooklD=" + Convert.Tolnt32(drRow[f"BookID"].ToString()); 


dstable = dbObj.GetDataSetStr(strSql, "tbGI"); 


drRow["No"] =i; /序号 
drRow["BookName"] = dstable.Rows[1][0].ToString(); // 商 品名 称 
drRow["price"] = (dstable.Rows[1][1].ToString()); /单价 
price = float.Parse(dstable.Rows[1][1].ToString()); /| 单价 
/price=dstable.Rows[0][1].ToString() 
count = Int32.Parse(drRow["Num'"].ToString()); 
drRowf"totalPrice"] = price * count; /总 价 
totalPrice += price * count; // 计 算 合 价 
i++; 
} 
少 用户 代码 未 外 理 Isdex0ut0fhemeeException 
在 位 置 1 处 没有 任何 行 。 
排 铺 提示 : 
[ 院 列 雪 的 大 天 和 款 引 下 于 列表 的 天 不 。 
| 确保 数据 列 名 称 正确 - 
| 确保 索引 下 是 负数 。 
| 诡 取 此 异 和 的 常规 攻 助 . 加 
tb BookInfp 搜索 更 多 联机 和 助 
| 扒 作 : 
tr :/ 川 查看 详细 信息 
Sine0) | 将 异 党 洋 组 信息 复制 | 国 周 板 
} 
2.26 ”编写 购物 车 页 时 出 现 的 错误 信息 
原因 分 析 如 下 : 


出 现 该 错误 主要 是 由 于 数组 的 索引 值 出 现 问题 。 从 数组 Rows[il[j] 中 取 值 时 ， 应 该 从 第 一 个 下 标 元 
素 开始 取 值 ， 即 Rows[0][0]， 而 出 现 上 面 的 错误 就 是 数组 Rowsfi][j] 的 初始 值 是 Rows[1][0]， 说 明 数 组 
是 从 第 二 个 元 素 开始 取 值 的 ， 所 以 会 在 应 用 程序 中 提示 “确保 列表 中 的 最 大 索引 小 于 列表 的 大 小 ” 错 


误 信 息 。 


@ 


第 2 章 51 电子 商城 网 站 (ASPNET4.5+SQL Server 2014+ 网 银 在 线 支付 实现 ) 志和 揽 饼 


解决 方法 : 

应 用 foreach 循环 语句 将 数组 中 的 元 素 值 赋予 新 的 商品 数量 ， 从 数组 $array 中 取 值 时 ， 应 该 从 第 一 
个 下 标 元 素 〈 即 数组 的 第 0 个 元 素 ) 开始 取 值 到 数组 的 最 大 下 标 -1 结束 ， 即 可 正确 获取 自己 的 购物 车 
功能 。 更 改 后 的 代码 如 下 : 

倒 程 23 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\shopCart.aspx.cs 

dg /省 略 部 分 源 代码 


foreach (DataRow drRow in dtTable.Rows) 


strSql = "select BookName,HotPrice from tb_BookInfo 
where BooklD=" + Convert.Tolnt32(drRow["BooklID'"].ToString()); 
dstable = dbObj.GetDataSetStr(strSql, "tbGI"); 


drRow["No"] =i; /序号 
drRow["BookName"] = dstable.Rows[0][0].ToString(); /商品 名 称 
drRow["price"] = (dstable.Rows[0][1].ToString()); /单价 
price = float.Parse(dstable.Rows[0][1].ToString()); /单价 
count = Int32.Parse(drRow["Num"].ToString()); 

drRow["totalPrice"] = price * count; /| 总 价 
totalPrice += price * count; // 计 算 合 价 
i++; 


2.7 后 台 登 录 模 块 设计 


2.7.1 后 台 登 录 模块 概述 


在 网 站 前 台 页 面 底部 设置 了 进入 后 台 登 录 页 的 “后 台 入 口 ”。 后 台 登 录 页 面 主要 是 用 来 对 进入 网 
站 后 台 的 用 户 进行 安全 性 检查 ， 以 防止 非法 用 户 进入 该 系统 的 后 台 。 同 时 使 用 了 验证 码 技术 ， 防 止 使 
用 注册 机 恶意 登录 本 站 后 台 。 后 台 登 录 页 面 运行 效果 如 图 2.27 所 示 。 


as | 


图 227 后 台 登 录 页 面 运行 效果 
2.7.2 后 台 登 录 模块 技术 分 析 
在 后 台 登 录 模块 中 主要 应 用 了 验证 码 技术 。 
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目前 ， 网 站 为 了 防止 用 户 利用 机 器 人 自动 注册 、 登 录 、 灌 水 ， 采 用 了 验证 码 技术 。 所 谓 验 证 码 ， 
就 是 一 串 随 机 产生 的 数字 与 英文 字母 组 合成 的 4 位 字符 串 。 本 网 站 验证 码 如 图 2.27 所 示 。 

在 实现 的 过 程 中 ,将 数字 、 英 文字 母 存储 到 字符 串 变量 strchar 中 ， 使 用 String.Split 方法 以 指定 的 
分 隔 符 (逗号 ) 分离 字 符 串 strchar， 将 返回 的 字符 串 数 组 存储 到 字符 串 数 组 变量 VeArray 中 ， 最 后 使 
用 随机 类 Random 成 员 方 法 Next (intt= rand.Next(61)) ， 根 据 返 回 值 t 来 获取 字符 串 数 组 VcArray 中 
的 字符 。 详 细 代 码 如 下 : 

倒 程 24 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\App_Code\CommonClass.cs 


public string RandomNum(int n) 
{ 


// 定 义 一 个 包括 数字 、 大 写 英文 字母 和 小 写 英 文字 母 的 字符 串 
string strchar = "0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F,G,H,l,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,a,b,c,d,e,f, 
ghjij,k,l, m,n,o,p,g, ,st, U,V,W,X,y,2"; 
// 将 strchar 字符 串 转化 为 数组 
/String.Split 方法 返回 包含 此 实例 中 的 子 字符 串 〈 由 指定 Char 数组 的 元 素 分 隔 ) 的 String 数组 
string[ VcArray = strchar.Split(","); 
string VNum = ™"; 
/记录 上 次 随机 数值 ， 尽 量 避免 产生 几 个 一 样 的 随机 数 
inttemp = -1; 
/采用 一 个 简单 的 算法 以 保证 生成 的 随机 数 不 同 
Random rand = new Random\(); 
for (inti=1;i<n+1;it+) 
{ 
if (temp = -1) 


/lunchecked 关键 字 用 于 取消 整 型 算术 运算 和 转换 的 溢出 检查 
/DateTime.Now.Ticks 属性 获取 表示 此 实例 的 日 期 和 时 间 的 刻度 数 
rand = new Random(i * temp * unchecked((int)DateTime.Now.Ticks)); 


} 

/Random.Num 方法 返回 一 个 小 于 所 指定 最 大 值 的 非 负 随机 数 
intt = rand.Next(61); 

if (temp != -1 && temp ==t) 

{ 


return RandomNum(n); 
} 
temp =t; 
VNum += VeArraylt]; 
} 
return VNum; // 返 回 生成 的 随机 数 
} 


MN 
< 人 o 注 站 刚刚 讲解 的 验证 码 ， 只 是 为 读者 起 到 了 一 个 抛砖引玉 的 作用 。 本 网 站 使 用 的 验证 码 很 容 
易 被 机 器 辨别 出 来 ， 解 决 该 问题 的 方法 为 : 将 验证 码 生 成 到 图 片 里 ， 然 后 在 图 片上 加 一 些 干扰 素 ， 
在 这 样 的 情况 下 ， 人 通过 肉眼 难以 辨别 ， 那 么 机 器 将 更 难以 识别 。 由 于 篇 幅 所 限 ， 关 于 这 方面 的 技 
术 这 里 不 再 深入 讲解 ， 读 者 可 以 上 网 查阅 。 


@ 
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2.7.3 后台 登录 模块 实现 过 程 


国 。 本 模块 使 用 的 数据 表 : tb Admin 
1. 设计 步骤 

(1) 在 该 网 站 中 的 Manage 文件 夹 下 创建 一 个 Web 窗 体 ， 将 其 命名 为 Login.aspx。 

(2) 在 Login.aspx 页 中 通过 使 用 bootstrap+div 为 整个 页 面 进行 布局 , 然后 从 “工具 箱 ” 一 “标准 ” 
选项 卡 中 拖 放 3 个 TextBox 控件 、 一 个 Label 控件 和 两 个 Button 按钮 控件 。 Login.aspx 页 中 各 个 控件 的 
属性 设置 及 其 用 途 如 表 2.5 所 示 。 

表 2.5 Login.aspx 页 中 各 个 控件 的 属性 设置 及 其 用 途 


控件 类 型 控件 名 称 主要 属性 设置 用 途 
txtAdminName TextMode 属性 设置 为 SingleLine 录入 用 户 登录 名 


txtAdminpwd TextMode 属性 设置 为 Password 录入 用 户 密码 
txtAdminCode TextMode 属性 设置 为 SingleLine 录入 验证 码 


btnLogin Text 属性 设置 为 “登录 ” 登录 


et) TextBox 


labCode Text 属性 设置 为 8888 显示 验证 码 
加 patton 
bimCancel Text 属性 设置 为 “取消 取消 
A Label labCode Text 属性 设置 为 8888 显示 验证 码 
2. 实现 代码 


在 该 页 的 后 台 Login.aspx.cs 页 中 编写 代码 前 , 首先 需要 定义 CommonClass 类 对 象 和 DBClass 类 对 
以 便 在 编写 代码 时 ， 调 用 该 类 中 的 方法 。 代 码 如 下 : 
倒 程 25 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\Manage\Login.aspx 


CommonClass ccObj = new CommonClass(); 
DBClass dbObj=new DBClass(); 


些 


在 Page_Load 事件 中 ， 调 用 CommonClass 类 的 RandomNum 方法 ， 显 示 随 机 验证 码 。 代 码 如 下 : 
倒 程 26 ”代码 位 置 : 资源 包 \TM\02\B2C\B2C\Manage\Login.aspx 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (UsPostBack) // 莽 断 页 面 是 不 是 第 一 次 加 载 


this.labCode.Text =ccObj.RandomNum(4); /产生 验证 码 
} 
} 


当 用 户 输入 完 登 录 信息 时 ， 可 以 单 击 “ 登 录 ” 按 钮 ， 在 该 按钮 的 Click 事件 下 ， 首 先 判断 用 户 是 否 
输入 了 合法 的 信息 ， 如 果 输 入 的 信息 合法 ， 则 进入 网 站 后 台 ， 和 否则 弹出 对 话 框 ， 提 示 用 户 重 新 输入 。 
代码 如 下 : 


@ 
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倒 程 27 ”代码 位 置 : 资源 包 \TM\02\B2C\B2C\Manage\Login.aspx 
protected void btnLogin_Click(object sender, EventArgs e) 
{ 


// 判 断 用户 是 否 已 输入 了 必要 的 信息 
if (this.txtAdminName. Text. Trim() == ™ || this.txtAdminPwd.Text.Trim() == ™") 


// 调 用 公共 类 CommonClass 中 的 MessageBox 方 法 
Response.Write(ccObj.MessageBox(" 登 录 名 和 密码 不 能 为 空 ! ")); 
} 


else 


// 判 断 用 户 输入 的 验证 码 是 否 正确 
if (txtAdminCode.Text.ToLower().Trim() == labCode.Text.ToLower().Trim()) 


{ 
/定义 一 个 字符 串 ， 获 取 用 户 信息 
string strSql = "select * from tb_Admin where AdminName=" + 
this.txtAdminName.Text.Trim() + " and Password=" + this.txtAdminPwd. Text.Trim() + ™™; 
DataTable dsTable = dbObj.GetDataSetStr(strSql, "tbAdmin"); 
/判断 用 户 是 否 存在 
if (dsTable.Rows.Count > 0) 
{ 


Session["AID"] = Convert.Tolnt32(dsTable.Rows[0][0].ToString());// 保 存 用 户 ID 
Session["AName"] = dsTable.Rows[0][1].ToString();// 保 存 用 户 名 
Response.Redirect("AdminIndex.aspx"); 


else 


Response.Write(ccObj.MessageBox(" 您 输入 的 用 户 名 或 密码 错误 ， 请 重新 输入 ! ")); 


} 
else 


Response.Write(ccObj.MessageBox(" 验 证 码 输 入 有 误 ， 请 重新 输入 ! ")); 
3 
} 
和 


< 人 代码 贴 二 
@ GetDataSetStr: 调用 公共 类 中 的 GetDataSetStr 方法 ， 执 行 SQL 语句 ， 返 回 一 个 数据 源 的 数据 表 。 
@ dsTable: 该 对 象 为 DataTable 的 一 个 实例 对 象 ， 其 数据 为 数据 源 的 数据 表 tbAdmin。 
四 MessageBox: 调用 公共 类 中 的 MessageBox 方法 ， 返 回 一 个 对 话 框 信息 。 


2.8 商品 库存 管理 模块 设计 


2.8.1 商品 库存 管理 模块 概述 


在 电子 商务 系统 中 对 商品 信息 的 管理 十 分 重要 ， 一 个 好 的 电子 商务 系统 必须 要 有 一 个 强大 的 商品 
库存 管理 模块 。 电 子 商 务 网 站 系统 的 商品 库存 管理 模块 主要 实现 对 商品 信息 的 管理 ， 包 括 对 商城 商品 
信息 和 商品 类 型 信息 的 查询 、 添 加 、 修 改 和 删除 功能 。 


@ 
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当 用 户 通过 后 台 身 份 验证 后 ， 进 入 网 站 后 台 管理 模块 ， 单 击 展开 菜单 栏 中 的 “库存 管理 ”， 然 后 
点 击 管理 按钮 ， 将 会 在 功能 执行 区 中 打开 如 图 2.28 所 示 的 商品 管理 界面 。 在 该 界面 的 功能 管理 中 ， 用 
户 可 以 根据 实际 需要 查询 、 浏 览 、 修 改 和 删除 商品 信息 ; 而 当 单 击 “ 商 品 添加 ”按钮 时 用 户 可 以 根据 
实际 需要 添加 商品 信息 。 同 样 ， 对 商品 类 别 的 管理 与 添加 类 似 。 


三 三 ] [ 回 EE 


所 属 类 别 篇 注 
得 我 和 小 教 有 个 约会 励志 无 无 96¥ 详细 信息 。 ”删除 
6 4554 家 电 5445 54 5¥ 详细 信息 。 删除 
8 Thinkpad 计算 记 无 无 4500¥ 详细 信息 。 删除 
EE 到 华硕 飞行 时 全 计算 矶 无 无 S059¥ 详细 信息 。 删除 
电子 商城 ”后 台 管 理 系统 S 


图 2.28 ”对 添加 的 商品 进行 管理 
2.8.2 商品 库存 管理 模块 技术 分 析 


商品 管理 界面 中 在 显示 商品 “所 属 类 别 ” 和 商品 “ 热 销 价 ”时 ， 主 要 应 用 了 数据 绑 定 表 达 式 。 

在 ASPNET 中 主要 应 用 的 是 DataBinder.Eval 方法 , 该 方法 是 一 个 完全 成 熟 的 方法 , 可 以 在 程序 中 
的 任何 地 方 使 用 。 

DataBinder.Eval 方法 的 语法 如 下 : 


<%# DataBinder.Eval(Containter.Dataltem, expression) %> 


Containter.Dataltem 表达 式 引 用 对 该 表达 式 进行 计算 的 对 象 。 该 表达 式 通常 是 一 个 字符 串 ， 表 示 数 
据 项 对 象 上 要 访问 的 字段 的 名 称 。 它 可 以 是 一 个 包括 索引 和 属性 名 的 表达 式 。DataItem 属性 表示 当前 
容器 上 下 文中 的 对 象 。 容 器 通常 是 即将 生成 的 数据 项 对 象 的 当前 实例 。 

在 ASPNET 中 ,只 要 是 ASP.NET 1.x 中 接受 DataBinder Eval 方法 的 地 方 ,就 可 以 使 用 如 下 表达 式 : 


<%# Eval(expression) %> 


可 以 看 出 ，ASP.NET 4.5 也 是 完全 支持 DataBinder 对 象 的 。ASP.NET 4.5 中 的 Eval 方法 是 建立 在 
DataBinder Eval 方法 之 上 的 一 个 简单 包装 。 该 方法 代表 一 种 单 向 数据 绑 定 ， 它 实现 了 数据 读 取 的 自动 
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化 ， 但 是 没有 实现 数据 写 入 自动 化 。 如 果 要 实现 双向 的 数据 绑 定 ， 可 应 用 ASPNET 4.5 中 另 一 个 新 的 
数据 绑 定 方法 ， 即 Bind 方法 读 写 数据 项 属性 。 


2.8.3 商品 库存 管理 模块 实现 过 程 


国 。 本 模块 使 用 的 数据 表 : tb_ BookInfo、tb_Detail 
1. 设计 步骤 
(1) 在 应 用 程序 中 创建 一 个 名 为 Manage 的 文件 夹 ， 在 该 文件 夹 下 创建 一 个 Web 窗 体 ， 将 其 命名 
为 Product.aspx。 
(2) 通过 使 用 bootstrap+div 为 整个 页 面 进行 布局 。 从 “工具 箱 ” 选 项 卡 中 拖 放 一 个 TextBox 控 
件 、 一 个 Button 控件 和 一 个 GridView 控件 。Product.aspx 各 个 控件 的 属性 设置 如 表 2.6 所 示 。 


表 2.6 Product.aspx 页 中 各 个 控件 的 属性 设置 


控件 类 型 | 控件 名 称 主要 属性 设置 用 途 
tton Text 属性 设置 为 “搜索 ” 实现 搜索 功能 


Texthox txtKey TextMode 属性 设置 为 SingleLine 输入 搜索 关键 字 


AllowPaging 属性 设置 为 Tme (人 允许 分 页 ) ， 
oidfie gvGoodsInfo | AutoGenerateColumns 属性 设置 为 False (取消 自动 生成 列 ) ，| 显示 商品 信息 


PageSize 属性 设置 为 6( 每 页 显示 数据 为 6 条 )》 


2. 代码 实现 


在 后 台 代码 页 (Product.aspx.cs) 中 编写 代码 前 ， 首 先 需要 定义 CommonClass 类 对 象 、DBClass 类 
对 象 和 GoodsClass 类 对 象 ， 以 便 在 编写 代码 时 ， 调 用 该 类 中 的 方法 。 代 码 如 下 : 


倒 程 28 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\Manage\ProductAdd.aspx.cs 


CommonClass ccObj = new CommonClass(); 
DBClass dbObj = new DBClass(); 
GoodsClass gcObj = new GoodsClass(); 


在 Page_Load 事件 中 ， 调 用 自 定义 方法 gvBind， 显 示 商 品 信 息 。 代 码 如 下 : 
倒 程 29 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\Manage\Product.aspx.cs 
protected void Page_Load(object sender, EventArgs e) 


if (lsPostBack) 


{ 
// 判 断 是 否 已 单 击 “ 搜 索 ” 按 钮 
ViewState["search"] = null; 
gvBind(); /显示 商品 信息 
} 
3 


自 定义 方法 gvBind， 首 先 从 商品 信息 表 (tb_Bookmfo) 中 获取 商品 信息 ， 然 后 将 获取 的 商品 信息 


@ 


第 2 章 51 电子 商城 网 站 (ASPNET4.5+SQL Server 2014+ 网 银 在 线 支 付 实现 ) @@@ 


绑 定 到 GridView 控件 中 。 代 码 如 下 : 


倒 程 30 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\Manage\Product.aspx.cs 
public void gvBind() 


{ 
string strSql = "select * from tb_BookInfo"; 

四 ”DataTable dsTable = dbObj.GetDataSetStr(strSql, "tbBI"); 

@ this.gvGoodsInfo.DataSource = dsTable.DefaultView; 

© this.gvGoodsInfo.DataKeyNames = new string[] { "BookID"}; 
this.gvGoodsInfo.DataBind(); 

3 

Ah 代码 巾 十 


@ GetDataSetStr: 调用 公共 类 中 的 GetDataSetStr 方法 ， 执 行 SQL 语句 ， 返 回 一 个 数据 源 的 数据 表 。 
@ DefaultView: 该 对 象 为 DataTable 的 一 个 默认 视图 ， 并 将 其 值 赋 予 GridView 控件 的 数据 源 对 象 DataSource。 
@ DataKeyNames: 该 属性 为 GridVeiw 控件 获取 一 个 包含 当前 显示 项 的 主键 字段 的 名 称 数 组 。 


当 用 户 输入 关键 信息 后 ， 单 击 “ 搜 索 ” 按 钮 ， 将 会 触发 该 按钮 的 Click 事件 。 在 该 事件 下 ， 调 用 自 
定义 方法 gvSearchBind 绑 定 查询 后 的 商品 信息 。 代 码 如 下 : 


倒 程 31 代码 位 置 : 资源 包 \TM\02\B2C\B2C\Manage\Product.aspx.cs 
protected void btnSearch_Click(object sender, EventArgs e) 


// 将 ViewState["search"] 对 象 值 设置 为 1 

ViewState["search"] = 1; 

gvSearchBind(); // 绑 定 查询 后 的 商品 信息 
} 


自 定义 方法 gvSearchBind， 调 用 GoodsClass 类 的 search 方法 ， 查 询 符 合 条 件 的 商品 信息 ， 并 将 其 
绑 定 到 GridView 控件 上 。 代 码 如 下 : 


倒 程 32 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\Manage\Product.aspx.cs 
public void gvSearchBind() 
{ 


DataTable dsTable = gcObj.search(this.txtKey. Text. Trim()); 
this.gvGoodslnfo.DataSource = dsTable.DefaultView; 
this.gvGoodsInfo.DataKeyNames = new string[] { "BookID" }; 
this.gvGoodslnfo.DataBind(); 


在 GridView 控件 的 RowDeleting 事件 下 ， 编 写 如 下 代码 ， 实 现 当 用 户 单 击 某 个 商品 后 的 “删除 ” 
按钮 时 ， 将 该 商品 从 商品 信息 表 中 删除 。 


倒 程 33 ”代码 位 置 : 资源 包 \TMW2\B2CVWB2CVManage\Productaspx.cs 
protected void gvGoodslnfo_RowDeleting(object sender, GridViewDeleteEventArgs e) 


/获取 商品 代号 
int IntBookID = Convert.Tolnt32(gvGoodslnfo.DataKeys[e.Rowlndex].Value); 


@ 
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string strSql = "select count(*) from tb_Detail where BooklD=" + IntBooklD: 
SqlCommand myCmd = dbobj.GetCommandStr(strSql); 
// 判 断 商品 是 否 能 被 删除 〈 如 在 明细 订单 中 ， 包 含 该 商品 的 ID 代号 ) 
if (Convert.ToInt32(dbObj.ExecScalar(myCmd)) > 0) 
和 
Response.Write(ccObj.MessageBox(" 该 商品 正 被 使 用 ， 无 法 删除 !")); 
3 
else 


{ 
string strDelSql = "delete from tb_BookInfo where BookID=" + IntBookID; /删除 指定 的 商品 信息 


SqlCommand myDelCmd = dbobj.GetCommandStr(strDelSql); 
dbObj.ExecNonQuery(myDelCmd); 


// 对 商品 进行 重新 绑 定 
if (ViewState["search"] != nul) 

gvSearchBind(); // 绑 定 查询 后 的 商品 信息 
gvBind(); / 绑 定 所 有 商品 信息 


} 


当 用 户 单 击 GridView 控件 中 的 “详细 信息 ”按钮 时 ， 将 会 跳 转 到 详细 信息 页 面 。 在 该 页 面 中 ,用 
户 可 以 查看 并 修改 商品 信息 。 


CS 商品 信息 修改 页 的 代码 并 不 复杂 ， 由 于 篇 由 有 限 ， 请 读者 参见 本 书 随 带 的 资源 包 。 


在 GridView 控件 中 ，“ 所 属 类 别 ” 和 “ 热 销 价 ”的 绑 定 列 数据 应 用 了 数据 表达 式 DataBinder 
.Eval 方法 ， 其 代码 编写 需 将 页 面 切换 到 HTML 源 代码 中 。 代 码 如 下 : 
倒 程 34 ”代码 位 置 ， 资源 包 \TM\02\B2C\B2C\Manage\Product.aspx 
<asp:TemplateField HeaderText =" 所 属 类 别 "> 
<HeaderStyle HorizontalAlign =Center /> 
<ltemStyle HorizontalAlign =Center /> 
<ltemTemplate > 
@ <%# GetClassName(Convert.Tolnt32(DataBinder.Eval(Container.Dataltem, "ClassID").ToString())) %> 
</ltemTemplate> 
</asp:TemplateField> 


<asp:TemplateField HeaderText =" 热 销 价 "> 
<HeaderStyle HorizontalAlign =Center /> 
<ltemStyle HorizontalAlign =Center /> 
<ltemTemplate > 
@ <%# GetVarStr(DataBinder.Eval(Container.Dataltem, "HotPrice").ToString())%>¥ 
</ltemTemplate> 
</asp:TemplateField> 


他 
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二 代码 贴 十 


@ 绑 定 商品 类 别 号 ， 并 通过 后 台 代 码 中 的 公共 方法 GetClassName 获取 类 别名 。 


@ 绑 定 商品 最 新 价 ， 并 通过 后 台 代码 中 的 公共 方法 GetVarStr 获取 最 新 商 


2.8.4 ”单元 测试 


品 价格 。 


在 编写 该 模块 时 ， 当 单 击 商品 管理 页 面 中 的 表格 控件 GridView 中 的 商品 “详细 信息 ” 列 时 ， 如 
图 2.29 所 示 ， 链 接 到 修改 该 商品 信息 的 EditProduct.aspx 页 。 如 图 2.30 所 示 ， 输 入 相关 的 修改 数据 后 ， 
单 击 “ 修 改 ” 按 钮 时 ， 将 会 弹出 “修改 成 功 ! ”对 话 框 ， 但 在 表格 控件 GridView 中 指定 修改 的 商品 信 
息 并 没有 变 ， 数 据 中 存在 的 数据 也 没有 跟着 更 改 ， 通 过 检查 相应 的 更 新 SQL 语句 没有 任何 错误 。 


商品 详细 信息 
PR 和 称 :| 56 有 个 约 到 | 定 
者 FE: [元 
柄 : [元 
向: | og 
WW: 上 
:| fi (138)bmp 曲 


we nl) :加 
1 拓 1 [3 无 无。 %Y¥ 计 Be 。 屿 是 百 为 摧 ]: 图 
6 名 条 朵 中 和 洪钧。 喘 是 天 为 最 新 : 。 团 
Tinpad HM 无 40 je 史 他 六 示 :| 页 的 好 
9 颌 WW 又 ba 无 无 9 [3 
侯 改 
2.29 商品 管理 页 2.30 商品 信息 修改 页 
应 用 程序 中 编写 的 代码 如 下 。 
在 页 面 Page Load 事件 中 ， 绑 定 相应 的 数据 库 信 息 。 代 码 如 下 : 
protected void Page_Load(object sender, EventArgs e) 
ddlClassBind(); // 绑 定 商品 类 别 
ImageBind(); // 绑 定 供 选 商品 图 像 
GetGoodsInfo(); // 商 品 指定 商品 信息 
在 EditProduct.aspx 页 中 双击 “修改 ”按钮 ， 触 发 其 Click 事件 。 代 码 如 下 : 


@ 
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protected void btnUpdate_Click(object sender, EventArgs e) 
{ 
int IntClassID = ConvertTolnt32(this.ddlCategory.SelectedValue .ToString()); /商品 类 别 号 
string strBookName = this.txtName. Text.Trim(); /商品 类 别名 
ee // 省 略 部 分 源 代码 
// 定 义 修改 数据 表 中 商品 信息 的 字符 串 
string strSql = "update tb_Booklnfo "; 
strSql += "set ClassID=" + IntClassID + ",BookName=" + strBookName + ",BookIntroduce=" + strBookDesc + ™; 
strSql += ",Author=" + strAuthor + ",Company=" + strCompany + ",BookUrl=" + strBookUrl + ""; 
strSql += ",MarketPrice=" + fltMarketPrice + ",HotPrice=" + ftHotPrice + ""; 
strSql += ",Isrefinement=" + blCommend + ",IsHot=" +blHot+ ",IsDiscount=" +blDiscount+ ",LoadDate= 
"+DateTime.Now+""; 
strSql += "where BooklD=" + Convert. Tolnt32(Request["BookID"].Trim()); 
/调用 公共 类 中 的 GetCommandStr 方法 ， 定 义 并 初始 化 一 个 SqlCommand 命令 对 象 
SqlCommand myCmd = dbobj.GetCommandStr(strSql); 
// 调 用 公共 类 中 的 ExecNonQuery 方法 ， 执 行 SQL 命令 
dbObj.ExecNonQuery(myCmd); 
// 调 用 公共 类 中 的 MessageBox 方法 ， 弹 出 “修改 成 功 ! ”对 话 框 ， 并 导向 Product.aspx 页 
Response.Write(ccObj.MessageBox(" 修 改 成 功 ! ", "Product.aspx")); 
} 


通过 查找 错误 出 处 和 相关 技术 方面 的 分 析 ， 发 现在 页 面 Page_Load 事件 中 ， 没 有 判断 页 面 是 不 是 
第 一 次 加 载 ， 没 有 应 用 IsPostBack 属性 ， 该 属性 主要 用 于 判断 页 面 是 否 首次 加 载 ， 并 当 用 户 修改 相应 
信息 数据 时 刷新 页 面 。 正 确 编写 代码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 


if (llsPostBack) 


ddlClassBind(); // 绑 定 商品 类 别 
ImageBind(); // 绑 定 供 选 商品 图 像 
GetGoodsInfo(); /商品 指定 商品 信息 


2.9 销售 订单 管理 模块 设计 


2.9.1 销售 订单 管理 模块 概述 


销售 订单 管理 也 是 51 电子 商城 网 站 开发 的 一 个 重要 环节 ， 当 用 户 购买 完 自己 所 需 商品 放 入 购物 车 
后 就 要 去 网 上 服务 台 填 写 商品 订单 ， 对 所 购买 的 商品 进行 结算 ， 所 以 对 用 户 的 销售 订单 管理 非常 重要 。 

在 网 站 后 台 的 销售 订单 管理 模块 中 ,管理 员 单 击 菜单 栏 中 “订单 管理 ”下 的 “未 确认 ”“ 已 确认 ” 
“未 发 货 ”“ 已 发 货 ”“ 未 归档 ”或 “已 归档 ” 任 一 个 按钮 ， 都 会 在 功能 执行 区 中 打开 如 图 2.31 所 示 
的 订单 管理 页 面 。 在 该 页 面 中 ， 管 理 员 可 以 根据 实际 需要 查询 、 浏 览 和 删除 订单 信息 。 


@ 
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订单 管理 -未 确认 
订单 号 : 
收 线 人 : 
Nets 未 确认 | | 未 二 各 日 
未 E 相 上 


货品 总 额 运费 总 金额 收 贫 人 联系 电话 订单 状态 。 管理 删除 | 


无 “2 2017 和 11 有 29 日 。 5 10 15 部局 闻 半 通 多 计 (10 元 /本 ) mr 。 0000.00000000 相模 汪 发 货 管理 删除 
无 “1 2017 和 1 月 79 日 。 9675 。 70 9745 。 邮局 部 孝 芝 通 包 奏 (10 元/ 本) mr 。 0000-00000000 未 可 兴 | 必 贷 管理 到 队 


图 2.31 订单 管理 页 面 
另外 ， 在 该 订单 管理 模块 中 对 “未 确认 ”“ 已 确认 ”“ 未 发 货 ”“ 已 发 货 ”“ 未 归档 ”和 “已 归 
档 ” 所 涉及 的 商品 信息 都 可 以 打印 出 来 。 
当 用 户 单 击 图 2.31 所 示 页 面 中 的 “管理 ”链接 按钮 时 ， 将 会 在 功能 执行 区 中 打开 如 图 2.32 所 示 的 
订单 信息 页 面 ， 用 户 可 以 在 该 页 面 中 查询 某 一 订单 的 详细 信息 ， 并 且 可 以 对 订单 状态 信息 进行 修改 。 


修改 订单 
订 兰 三 码 2 
下 单 日 期 : 2017/11/29 16:42:40 
厅 单 信息 
Wate 和 9 sr 4 二 
6 4554 1 s¥ sy 
定单 状态 ; 未 确认 | 未 发 线 | 未 昌 档 
配送 方式 : 用 局 固 吉 莹 调 包 喜 (10 元 /本 ] 
商品 总 全 额 : S00¥ 
商品 运费 ; 1000¥ 
rr 1500¥ 
收 货 人 信息 
收 贷 人 姓 舍 ; mr 
联系 电话 0000-00000000 
Email 地 直 : 581898@126com 
收 货 人 地 址 : 1 
邮政 编码 135500 
修改 订单 状态 
回 是否 已 确认 


ees) GE 
图 2.32 订单 信息 页 面 
2.9.2 销售 订单 管理 模块 技术 分 析 
要 给 用 户 一 个 订单 凭证 ， 就 要 把 用 户 订单 打印 出 来 。 在 销售 订单 管理 模块 中 应 用 了 打印 技术 ， 下 


面 进行 介绍 。 
在 图 2.32 中 当 用 户 单 击 “ 打 印 ”按钮 后 ， 将 会 对 订单 进行 打印 ， 同 时 隐藏 “打印 ”按钮 。 实 现 该 


功能 的 具体 步骤 如 下 : 
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(1) 将 页 面 切换 到 HTML 源码 中 ， 设 置 “ 打 印 ” 按 钮 的 onclick 事件 为 printPage0， 并 将 “打印 ” 
按钮 置 于 id 为 printOrder 的 <span></span> 节 中 。 其 源 代码 如 下 : 


<div class="col-sm-6 col-md-6"><input type="button" 
onclick='printOrder(<%=Request.QueryString["OrderlD"]%>) value=" 打 Eh" id="Button1"></div> 


(2) 在 <head></head> 节 中 ， 使 用 JavaScript 语言 ， 编 写 如 下 代码 ， 实 现 当 用 户 单 击 “ 打 印 ” 按 钮 
时 ， 隐 藏 “ 打 印 ” 按 钮 并 对 订单 进行 打印 。 


倒 程 35 ”代码 位 置 : 资源 包 \TM\02\B2C\B2C\Manage\OrderPrint.aspx 
<head runat="server"> 
<title> 订 单打 Eh</title> 
<SCRIPT language="JavaScript"> 
function printPage() 
{ 


eval("printOrder" + ".style.display=\"none\","); 
window.print(); 
} 
</SCRIPT> 
</head> 一 


2.9.3 ”销售 订单 管理 模块 实现 过 程 


国 。 本 模块 使 用 的 数据 表 : tb_ Admin、tb_OrderInfo、tb_Detail 
1. 设计 步骤 


(1) 在 该 网 站 中 的 Manage 文件 夹 下 创建 一 个 Web 窗 体 ， 将 其 命名 为 OrderList.aspx。 
(2) 通过 使 用 bootstrap+div 为 整个 页 面 布局 。 从 “工具 箱 ” 选 项 卡 中 拖 放 两 个 TextBox 控件 、3 
个 DropDownList 控件 、 一 个 Label 控件 、 一 个 Button 控件 和 一 个 GridView 控件 。TextBox 控件 、Label 
控件 、Button 控件 和 GridView 控件 的 属性 设置 及 用 途 如 表 2.7 所 示 。 
表 2.7 TextBox 控件 、Label 控件 、Button 控件 和 GridView 控件 的 属性 设置 及 用 途 
控件 名 称 主要 属性 设置 


控件 类 型 


画 辣 国 | bmsearch | Text 属 性 设置 为 “搜索 ” | 实现 搜索 功能 
A Label | labTitleInfo Text 属性 设置 为 空 值 | 显示 订单 状态 
i | mkeyword | 无 | 输入 搜 索 关键 字 
| _txtName 无 | 输入 订单 号 
AllowPaging 属性 设置 为 Tme (人 允许 分 页 ) ， 
园 eriayiey gvGoodsInfo ”| AutoGenerateColumns 属性 设置 为 False (去 掉 自动 生成 列 )，| 显示 订单 信息 


PageSize 属性 设置 为 5 页面 显 示 数 据 为 5 条 ) 
2. 代码 实现 


在 后 台 代 码 页 (OrderListaspx.cs) 中 编写 代码 前 ， 首 先 需要 定义 CommonClass 类 对 象 、DBClass 
类 对 象 和 OrderClass 类 对 象 ， 以 便 在 编写 代码 时 ， 调 用 该 类 中 的 方法 。 代 码 如 下 : 


@ 


第 2 章 51 电子 商城 网 站 (ASPNET4.5+SQL Server 2014+ 网 银 在 线 支 付 实现 ) ”志和 揽 饼 


倒 程 36 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\Manage\OrderList.aspx.cs 
CommonClass ccObj = new CommonClass(); 

DBClass dbObj = new DBClass(); 

OrderClass ocObj = new OrderClass(); 


在 Page_Load 事件 中 ， 调 用 自 定 义 方法 pageBind， 分 类 显示 订单 信息 。 代 码 如 下 : 


倒 程 37 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\Manage\OrderList.aspx.cs 


protected void Page_Load(object sender, EventArgs e) 
{ 


/获取 导航 菜单 值 ， 用 于 记录 在 该 页 面 的 子 连接 中 
menu = Request.QueryString["menu"]; 
if (lsPostBack) 
{ 
/判断 是 否 登 录 */ 
ST_check_Login(); 
/判断 是 否 已 点 击 “ 搜 索 ” 按 钮 
ViewState["search"] = null; 
pageBind(); // 绑 定 订单 信息 


} 


自 定义 方法 pageBind， 首 先 从 商品 订单 表 (tb_OrderInfo) 中 获取 订单 信息 ， 然 后 将 获取 的 订单 信 
息 绑 定 到 GridView 控件 中 。 代 码 如 下 : 


倒 程 38 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\Manage\OrderList.aspx.cs 


public void pageBind() 
{ 
strSql = "select * from tb_Orderlnfo where "; 
/获取 Request["OrderList"] 对 象 的 值 ， 确 定 查询 条 件 
string strOL = Request["OrderList"]. Trim(); 
string Titlelnfo = "™"; 
switch (strOL) 
{ 
case "00"-// 表 示 未 确定 
strSql += "lsConfirm=0"; 
Titlelnfo = "未 确认 "; 
break; 
case "01":// 表 示 已 确定 
strSql += "lIsConfirm=1"; 
Titlelnfo = "已 确认 "; 
break; 
case "10": // 表 示 未 发 货 
strSql += "IsSend=0"; 
Titlelnfo = "未 发 货 "; 
break; 
case "11":// 表 示 已 发 货 
strSql += "lsSend=1"; 
Titlelnfo = "已 发 货 "; 
break; 
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case "20": /表示 收 货 人 未 验收 货物 
strSql += "IsEnd=0"; 
Titlelnfo = "未 归档 "; 
break; 
case "21": /表示 收 货 人 已 验收 货物 
strSql += "IsEnd=1"; 
Titlelnfo = "已 归档 "; 
break; 
default: 
break; 
} 
strSql += " order by OrderDate Desc"; 
this.labTitlelnfo.Text = Titlelnfo; 
/获取 查询 信息 ， 并 将 其 绑 定 到 GridView 控件 中 
DataTable dsTable = dbObj.GetDataSetStr(strSql, "tbOl"); 
this.gvOrderList.DataSource = dsTable.DefaultView; 
this.gvOrderList.DataKeyNames = new string[] { "OrderlD" }; 
this.gvOrderList.DataBind(); 
} 


当 用 户 输入 关键 信息 后 ， 单 击 “ 搜 索 ” 按 钮 ， 将 会 触发 该 按钮 的 Click 事件 。 在 该 事件 下 ， 调 用 自 
定义 方法 gvSearchBind 绑 定 查询 后 的 订单 信息 。 代 码 如 下 : 

倒 程 39 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\Manage\OrderList.aspx.cs 

protected void btnSearch_Click(object sender, EventArgs e) 


/将 ViewState["search"] 对 象 值 设 置 为 1 
ViewState["search"] = 1; 
// 绑 定 查询 后 的 订单 信息 
gvSearchBind(); 

} 


自 定义 方法 gvSearchBind， 首 先 获取 查询 条 件 ， 然 后 调用 OrderClass 类 的 ExactOrderSearch 方法 ， 
查询 符合 条 件 的 商品 信息 ， 并 将 其 绑 定 到 GridView 控件 上 。 代 码 如 下 : 


倒 程 40 代码 位 置 资源 包 \TM\02\B2C\B2C\Manage\OrderList.aspx.cs 


public void gvSearchBind() 
{ 


int IntOrderlD = 0; // 输 入 订单 号 
int IntNF = 0; /判断 是 否 输入 收 货 人 
string strName = ""; // 输 入 收 货 人 名 
int IntlsConfirm = 0;// 是 否 确认 
int IntlsSend = 0; /是 否 发 货 
int IntlsEnd = 0; /是 否 归 档 
if (this.txtKeyword. Text == "" && this.txtName.Text == "" && this.ddlConfirmed.Selectedlindex == 0 
&& this.ddlFinished.Selectedindex == 0 && this.ddlShipped.SelectedIndex == 0) 
pageBind(); 
} 


else 
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if (this.txtKeyword.Text != "") 
{ 

IntOrderlD = Convert. Tolnt32(this.txtKeyword. Text. Trim()); 
} 
if (this.txtName. Text != "™") 
{ 

IntNF = 1; 

strName = this.txtName. Text.Trim(); 
} 
IntlsConfirm = this.ddlConfirmed.SelectedIndex; 
IntlsSend = this.ddlIShipped.Selectedlndex' 
IntlsEnd = this.ddlIFinished.SelectedIndex; 
DataTable dsTable = ocObj.ExactOrderSearch(IntOrderlD, IntNF, strName, IntlsConfirm, 

IntlsSend, IntlsEnd); 

this.gvOrderList.DataSource = dsTable.DefaultView; 
this.gvOrderList.DataKeyNames = new string[] { "OrderlD" }; 
this.gvOrderList.DataBind(); 


} 


在 GridView 控件 的 RowDeleting 事件 下 ， 编 写 如 下 代码 ， 实 现 当 用 户 单 击 某 个 订单 后 的 “删除 ” 
按钮 时 ， 首 先 判断 该 订单 是 否 被 确认 或 归档 ， 如 果 没 有 被 确认 《说 明 购物 用 户 不 存在 ) 或 已 归档 (说 
明 货 物 已 被 用 户 验收 ) ， 则 将 该 订单 从 商品 订单 表 中 删除 。 


倒 程 41 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\Manage\OrderList.aspx.cs 


protected void gvOrderList_RowDeleting(object sender, GridViewDeleteEventArgs e) 
{ 
string strSql = "select * from tb_Orderlnfo where ( IsConfirm=0 or IsEnd=1 ) and OrderlD=" + 
Convert. Tolnt32(gvOrderList.DataKeys[e.RowIndex].Value); 
// 判 断 该 订单 是 否 已 被 确认 或 归档 ， 如 果 已 被 确认 但 未 归档 ， 不 能 删除 该 订单 
if (dbObj.GetDataSetStr(strSql, "tbOrderInfo").Rows.Count > 0) 


// 删 除 订单 表 中 的 信息 

string strDelSql = "delete from tb_Orderlnfo where Orderld=" + 
Convert.Tolnt32(gvOrderList.DataKeys[e.Rowlndex].Value); 

SqlCommand myCmd = dbobj.GetCommandStr(strDelSql); 

dbObj.ExecNonQuery(myCmd); 

/删除 订单 详细 表 中 的 信息 

string strDetailSql = "delete from tb_Detail where Orderld=" + 

Convert.Tolnt32(gvOrderList.DataKeys[e.Rowlndex].Value); 
SqlCommand myDCmd = dbobj.GetCommandStr(strDetailSql); 
dbObj.ExecNonQuery(myDCmd); 


else 


{ 
Response.Write(ccObj.MessageBox(" 该 订单 还 未 归档 ， 无 法 删除 ! ")); 


return; 


} 
/重新 绑 定 
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if (ViewState["search"] == null) 


{ 
pageBind(); 
} 
else 
{ 
gvSearchBind(); 
} 


} 
为 GridView 控件 的 “订单 状态 ”和 “管理 ”两 个 数据 列 绑 定 数据 项 ， 主 要 应 用 DataBinder.Eval 


方法 进行 页 面 绑 定 。 将 页 面 切换 到 HIML 源码 中 ， 编 写 如 下 加 粗 的 代码 : 


倒 程 42 ”代码 位 置 : 资源 包 \TM\02\B2C\B2C\Manage\OrderList.aspx 


<asp:TemplateField HeaderText =" 跟 单 员 "> 
<HeaderStyle HorizontalAlign="Center"></HeaderStyle> 
<ltemStyle HorizontalAlign="Center" ></ltemStyle> 
<ltemTemplate> 
<%#GetAdminName(Convert.Tolnt32(DataBinder.Eval(Container.Dataltem, 
"OrderlD").ToString())) %> 
</ltemTemplate> 
</asp:TemplateField> 
<asp:BoundField DataField="OrderlD" HeaderText=" 单 号 "> 
<ltemStyle HorizontalAlign="Center" /> 
<HeaderStyle HorizontalAlign="Center" /> 
</asp:BoundField> 
<asp:TemplateField HeaderText =" 下 订 时 间 "> 
<HeaderStyle HorizontalAlign="Center"></HeaderStyle> 
<ltemStyle HorizontalAlign="Center"></ltemStyle> 
<ltemTemplate> 
<%#Convert.ToDateTime(DataBinder.Eval(Container.Dataltem, 
"OrderDate").ToString()).ToLongDateString()%> 
</ltemTemplate> 
</asp:TemplateField> 
<asp:TemplateField HeaderText=" 订 单 状态 "> 
<HeaderStyle HorizontalAlign="Center"></HeaderStyle> 
<ltemStyle HorizontalAlign="Center ></ltemStyle> 
<ltemTemplate> 
<%# GetStatus(Convert.Tolnt32(DataBinder.Eval(Container.Dataltem, "OrderlD").ToString()))%> 
</ltemTemplate> 
</asp:TemplateField> 
<asp:TemplateField HeaderText=" 管 理 "> 
<HeaderStyle HorizontalAlign="Center"></HeaderStyle> 
<ltemStyle HorizontalAlign="Center ></ltemStyle> 
<ltemTemplate> 
<a href='OrderModify.aspx?OrderlD=<%#DataBinder.Eval(Container.Dataltem, 
"OrderlD")%>&menu=<%=menu %>'> 
管理 </a> 
</ltemTemplate> 
</asp:TemplateField> 


局 
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< 代码 贴 二 
@ 绑 定 订单 号 ， 并 通过 后 台 代 码 中 的 公共 方法 GetAdminName 获取 跟 单 员 名 。 
@ 绑 定 下 单 时 间 ， 并 将 其 转化 为 长 日 期 型 


目 绑 定 订单 号 ， 并 通过 后 台 代码 中 的 公共 方法 GetStatus 获取 跟 单 员 。 


@ 当 用 户 单 击 “ 管 理 ” 按 钮 后 ， 跳 转 到 “订单 修改 ”页 ， 并 传递 订单 号 。 


2.10 网 站 文件 清单 


为 了 帮助 读者 了 解 51 电子 商城 网 站 的 文件 构成 ， 现 以 表格 形式 列 出 网 站 的 文件 清单 ， 如 表 2.8 


所 示 。 
表 2.8 网 站 文件 清单 
文件 位 置 及 名 称 说 明 
B2C\App_Code\BankPay.cs 在 线 银行 支付 类 
B2C\App_Code\CommonClass.cs 弹出 对 话 框 等 信息 类 
B2C\WApp_ Code\DBClass.cs 数据 库 操作 类 
B2C\App_Code\OrderProperty.cs 商品 订单 类 
B2C\App_Code\GoodsClass.cs 商品 类 别 类 
B2C\App_Code\UserClass.cs 用 户 信息 类 
B2C\App_Data\db_NetStore.mdf SQL Server 2014 数据 库 文件 
B2C\Manage\AdminIndex.aspx, 网 站 后 台 管理 员 页 
B2C\Manage\OrderList.aspx 网 站 后 台 商 品 订单 管理 页 
B2C\Manage\Product.aspx 网 站 后 台 商品 管理 页 
B2CVManage\Member.aspX 网 站 后 台 会 员 管理 页 
B2C\Manage\Login.aspx 网 站 后 台 管理 员 登 录 页 
B2C\Manage\LeaveWordManage.aspx 网 站 后 台 用 户 留言 页 
B2CVManage\OrderPrint.aspX 网 站 后 台 商品 订单 打印 页 
B2CVbuyFlow.aspx 网 站 前 台 购 物流 程 页 
B2C\checkOut.aspx 购物 服务 台 页 
B2C\GoBank.aspx 在 线 银 行 支付 页 
B2C\LeaveWordBack.aspx 留言 回复 页 
B2C\helpCenter.aspx 网 站 购物 帮助 页 
B2C\ShowPage\webQYGG.aspx 网 站 前 台 页 
B2C\PayWay.aspx 购物 在 线 支付 方式 页 
B2C\UserControl\menu.ascx 网 站 导航 信息 用 户 控 件 
B2C\UserControl\LoadingControl.ascx 网 站 链接 用 户 控 件 


B2C\Default.aspx 


51 电子 商城 网 站 主页 


@ 
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续 表 
文件 位 置 及 名 称 说 明 
B2C\Help.aspx 网 站 搜索 帮助 页 
B2C\Register.aspx 网 站 会 员 注 册页 
B2C\shopCart.aspx 用 户 购 物 车 页 
B2C\MasterPage .master 网 站 母 版 页 
B2C\showInfo.aspx 网 站 首页 信息 详细 显示 页 


MN 


\ 凡是 与 .aspx 文件 对 应 的 都 有 一 个 .cs 文件 ， 在 此 没有 一 一 列 出 。 


2.11 网 上 在 线 支付 使 用 专题 


为 了 拓展 银行 业务 ， 许 多 大 型 银行 都 开设 了 网 上 银行 ， 并 提供 相应 的 网 上 银行 支付 的 接口 。 下 面 
以 工商 银行 在 线 支付 为 例 具 体 讲解 。 

客户 在 商户 网 站 购物 完毕 ， 商 户 网 站 给 客户 生成 一 个 订单 (有 一 个 唯一 的 订单 号 ) ， 如 果 客 户 选 
择 工商 银行 支付 ， 客 户 从 商户 网 站 提交 订单 至 工商 银行 网 上 支付 服务 器 ;客户 在 工商 银行 网 上 支付 服 
务 器 的 支付 页 面 输入 自己 的 支付 卡号 和 支付 密码 ， 完 成 订单 支付 。 工 商 银行 会 将 交易 结果 通过 网 页 通 
知客 户 ， 通 过 商户 接口 通知 商户 ， 如 果 该 笔 订 单 为 信息 化 商品 ， 工 商 银行 还 将 引导 客户 至 商户 网 站 上 
取 货 。 

工商 银行 共 提 供 商 户 HS、AG、HS (联名 ) 和 AG (联名 ) 4 种 不 同 模式 的 接口 ， 如 表 2.9 所 示 ， 
用 来 向 商户 传递 交易 的 结果 信息 ， 商 户 可 以 根据 自己 的 情况 自由 选用 。 

表 2.9 工商 银行 通知 接口 模式 
接口 模式 工商 银行 通知 接口 模式 说 明 

商户 通过 在 订单 支付 表单 中 的 interfaceType 字段 中 输入 值 “HS ”来 通知 工商 银行 该 笔 订 
单 使 用 HS 模式 将 交易 结果 信息 通知 商户 
联名 商户 通过 在 订单 支付 表单 中 的 interfaceType 字段 中 输入 值 “HS”， 并 在 verifyJoin 
HS《〈 联 名 ) 通知 接口 模式 | 字段 中 输入 “0” 或 “1”， 通 知 工商 银行 该 笔 订单 使 用 HS〈 联 名 ) 接口 模式 将 交易 结 
果 信息 通知 商户 
商户 通过 在 订单 支付 表单 中 的 interfaceType 字段 中 输入 值 “AG” 来 通知 工商 银行 该 笔 
订单 使 用 AG 模式 将 交易 结果 信息 通知 商户 
商户 通过 在 订单 支付 表单 中 的 interfaceType 字段 中 输入 值 “AG”， 并 在 verifyJoin 字段 
AG (联名 ) 通知 接口 模式 | 中 输入 “0” 或 “1”， 通 知 工商 银行 该 笔 订单 使 用 AG (联名 ) 接口 模式 将 交易 结果 信 
息 通知 商户 


HS 通知 接口 模式 


AG 通知 接口 模式 


工商 银行 在 线 支付 功能 模块 一 般 由 两 部 分 组 成 ， 即 “选择 在 线 支付 方式 ”和 “工商 银行 在 线 支付 
页 ”。 下 面 分 别 介绍 。 
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1. 选择 在 线 支付 方式 


用 户 在 “服务 台 ” 页 填写 完 相关 信息 后 ， 单 击 “ 提 交 ” 按 钮 ， 即 可 进入 “选择 在 线 支付 方式 ”页 
(PayWay.aspx) ， 在 该 页 用 户 可 以 选择 在 线 支付 方式 ， 其 运行 效果 如 图 2.33 所 示 。 


图 2.33 选择 在 线 支付 方式 


实现 该 功能 的 具体 步骤 如 下 : 

(1) 将 一 个 Table (表格 ) 控件 置 于 PayWay.aspx 页 中 ， 为 整个 页 面 进行 布局 。 

(2) 从 “工具 箱 ” 下 的 “标准 ”选项 卡 中 拖 放 5 个 ImageButton 控件 ， 设 置 各 个 控件 的 ImageUrl 
属性 值 ， 用 于 显示 在 线 支付 方式 。 

(3) 在 “中 国 工商 银行 ”按钮 的 Click 事件 下 ， 编 写 如 下 代码 ， 用 于 实现 当 用 户 单 击 该 按钮 后 ， 
跳 转 到 “工商 银行 在 线 支 付 页 ”。 


protected void ImageButton1_Click(object sender, ImageClickEventArgs e) 


Response.Redirect("GoBank.aspx?OrderlD=" + Request["OrderID"].ToString()); 
} 


2. 工商 银行 在 线 支付 页 


B2C 在 线 支 付 业 务 是 指 企业 (卖方) 与 个 人 〈 买 方 ) 通过 因特网 上 的 电子 商务 网 站 进行 交易 时 ， 
银行 为 其 提供 网 上 资金 结算 服务 的 一 种 业务 。 目 前 ，ICBC 个 人 网 上 银行 的 B2C 在 线 支付 系统 是 ICBC 
专门 为 拥有 工商 银行 牡丹 信用 卡 账户 并 开通 网 上 支付 功能 的 网 上 银行 个 人 客户 进行 网 上 购物 所 开发 的 
支付 平台 。 下 面 详细 地 介绍 一 下 开发 工商 银行 在 线 支付 页 的 全 过 程 。 

(1) 开发 工商 银行 在 线 支付 页 前 期 工作 

首先 ， 需 要 特约 网 站 申请 人 到 ICBC 当地 指定 机 构 办 理 申请 手续 ， 并 提交 如 下 申请 资料 。 

营业 执照 副本 及 复印 件 。 

经 办 人 员 的 有 效 身 份 证 件 。 

填 妥 的 《特约 网 站 注册 申请 表 》 。 

最 近年 度 的 资产 负债 表 和 损益 表 的 复印 件 。 

《域名 注册 证 》 复 印 件 或 其 他 对 所 提供 域名 享有 权利 的 证 明 。 
企业 标识 LOGO 的 电子 文件 。 


@@Oe@GGO 
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@ 填 妥 的 “牡丹 卡 单位 申请 表 ”。 

其 次 ， 经 工商 银行 审查 合格 后 ， 工 商 银行 将 提供 银行 方 的 通信 、 数 据 接口 和 已 有 商户 端 程序 及 商 
户 客户 证 书 。 

最 后 ， 特 约 网 站 可 以 根据 工商 银行 提供 的 资料 ， 开 发 工商 银行 在 线 支付 功能 。 

(2) 开发 工商 银行 在 线 支付 页 的 具体 步骤 

首先 ， 按 照 工商 银行 提供 的 资料 注册 com 组 件 。 步 又 如 下 : 

@ 将 ICBCEBankUtildll 和 LIB\Wwindows\WIN32\infosecapi.dll 两 个 dll 文件 复制 到 系统 system32 
目录 下 。 

@@ 打开 DOS 窗口 ， 进 入 system32 目录 。 

@ 运行 “regsvr32 ICBCEBankUtil.dll” 命 令 注 册 控 件 。 

其 次 , 将 工商 银行 提供 的 public 公 钥 、 拆 分 pfx 后 级 证 书 的 公 钥 和 拆 分 p 人 x 后 绥 证 书 的 私 钥 放 到 本 
地 磁盘 (如 DD 盘 根 目录 下 ) 。 在 本 网 站 中 ， 笔 者 将 其 放 在 项 目下 的 bank 文件 中 。 

然后 ， 在 项 目的 Bin 文件 中 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “添加 引用 ”命令 ， 弹 出 
如 图 2.34 所 示 的 对 话 框 ， 添 加 引用 ICBCEBankUtil.dll 文件 。 


姐 件 名 称 全 类 型 库 版 本 
Posting 1 0 Type Library 
GEL 工 ia 


peors et 
| 国 


CED Ca 
图 2.34 “添加 引用 ”对 话 框 
最 后 ， 设 计 提 交 表 单 页 面 (GoBank.aspx) 。 步 骤 如 下 : 
创建 一 个 BankPay 类 ， 用 于 定义 相关 变量 并 返回 变量 的 值 。 代 码 如 下 : 
倒 程 43 代码 位 置 ， 资源 包 \TM\02\B2C\B2C\App_Code\BankPay.cs 


// 定 义 相关 变量 

private string interfaceName = "名 称 "; /接口 名 称 

private string interfaceVersion = "版 本 号 "; /接口 版 本 号 

private string merlD = "代码 "; // 商 户 代码 

private string merAcct = "账号 "; /商城 账号 

private string merURL = ™; /接收 银行 消息 地 址 〈 如 “http:// 地 址 /Getaspx”) 
private string notifyType = "通知 类 型 "; /通知 类 型 〈 在 交易 完成 后 是 否 通知 商户 ) 
private string orderid; /订单 号 

private string amount' // 订 单 金额 

private string curType = "金额 类 型 "; /支付 币 种 

private string resultType = "对 应 通知 类 型 "; /| 结果 发 送 类 型 

private string orderDate; /交易 日 期 时 间 〈 格 式 yyyyMMddHHmmss) 
private string verifyJoinFlag = "检验 联名 标志 "; /检验 联名 标志 


@ 


第 2 章 51 电子 商城 网 站 (ASPNET4.5+SQL Server 2014+ 网 银 在 线 支 付 实现 ) 


private string merCert; 
private string goodsID = ™; 
private string goodsName 
private string goodsNum = 
private string carriageAmt 
private string merHint = ™; 
private string comment1 
private string comment2 
private string path1 ="™"; 
private string path2 ="™"; 
private string path3 时 
private string key = " 私 钥 保 护 密 码 "; 
private string merSignMsg = 
private string msg = "™"; 
// 返 回 相关 变量 值 

public string InterfaceName 


{ 
get { return interfaceName; } 
set { interfaceName = value; } 


public string InterfaceVersion 


{ 
get { return interfaceVersion; } 
set { interfaceVersion = value; } 


} 
public string MerlD 


{ 
get { return merlD; } 
set { merlD = value; } 


} 
public string MerAcct 


get { return merAcct; } 
set { merAcct = value; } 
} 
public string MerURL 
{ 
get { return merURL; } 
set { merURL = value; } 
} 
public string NotifyType 
{ 
get { return notifyType; } 
set { notifyType = value; } 
public string Orderid 
{ 
get { return orderid; } 
set { orderid = value; } 
下 


public string Amount 


/商城 证 书 公 钥 

/商品 编号 

/商品 名 称 

// 商 品 数 量 

/已 含 运费 金额 

// 商 城 提示 

// 备 注 字段 1 

// 备 注 字 段 2 

// 公 钥 路 径 

// 拆 分 pfx 后 缀 的 证 书后 的 公 钥 路 径 
// 拆 分 pfx 后 缀 的 证 书后 的 私 钥 路 径 
// 私 钥 保护 密码 

// 订 单 签名 数据 (加 密码 后 的 字符 串 ) 
// 需 要 加 密码 的 明文 字符 串 
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{ 
get { return amount; } 
set { amount = value; } 
: 
public string CurType 
get { return curType; } 
set { curType = value; } 
} 
public string ResultType 
{ 


get { return resultType; } 
set { resultType = value; } 


public string OrderDate 


{ 
get { return orderDate; } 
set { orderDate = value; } 


} 

public string VerifyJoinFlag 

{ 
get { return verifyJoinFlag; } 
set { verifyJoinFlag = value; } 


3} 
public string MerSignMsg 


{ 
get { return merSignMsg; } 
set { merSignMsg = value; } 
} 
public string MerCert 
{ 
get { return merCert; } 
set { merCert = value; } 
} 
public string GoodsID 
{ 
get { return goodsID; } 
set { goodsID = value; } 
} 
public string GoodsName 
{ 
get { return goodsName; } 
set { goodsName = value; } 
} 
public string GoodsNum 
和 
get { return goodsNum; } 
set { goodsNum = value; } 
. 
public string CarriageAmt 
攻 


@ 
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get { return carriageAmt; } 
set { carriageAmt = value; } 


public string MerHint 


' 
get { return merHint; } 
set { merHint = value; } 


public string Comment1 


{ 
get { return comment1; } 
set { comment1 = value; } 


public string Comment2 


get { return comment2; } 
set { comment2 = value; } 


3 

public string Path1 

{ 
get { return path1; } 
set { path1 = value; } 


} 
public string Path2 


{ 
get { return path2; } 
set { path2 = value; } 


; 
public string Path3 


‘ 
get { return path3; } 
set { path3 = value; } 


} 

public string Key 

{ 
get { return key; } 
set { Key = value; } 


public string Msg 

* 
get { return msg; } 
set { msg = value; } 


} 


nN 
te 
将 提交 表单 页 面 (GoBank aspx) 切换 到 HTML 视图 中 ， 添 加 如 下 代码 ， 用 于 设计 提交 表单 内 容 。 


@ 
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倒 程 44 ”代码 位 置 : 资源 包 \TM\02\B2C\B2C\GoBank.aspx 


<form id="form1” name="order" method="post" action=" 银 行 地 址 "> 
<input type="hidden" name="interfaceName" value="<%=bankpay.InterfaceName%>" > 
i iterfaceVersion" value=<%=bankpay.InterfaceVersion%> > 


urType" value="<%=bankpay.CurType%>"> 
lerlD" value="<%=bankpay.MerlD%>" > 


<input type="hidden" name="notifyType" value="<%=bankpay.NotifyType%>"> 
<input type="hidden" name="merURL" value="<%=bankpay.MerURL%>"> 


hidden" name="orderDate" value="<' nkpay.OrderDate%>"> 
hidden" name="merSignMsg" value="<%=bankpay.MerSignMsg%>"> 
hidden" name="merCert" value="<%=bankpay.MerCert%>"> 
oodsID" value="<%=bankpay.GoodsID%>"> 
oodsName'" value="<%=bankpay.GoodsName%>"> 
oodsNum'" value="<%=bankpay.GoodsNum%>"> 
hidden" nam rriageAmt" value="<%=bankpay.CarriageAmt%>"> 
<input type="hidden" name="merHint" value="<%=bankpay.MerHint%>"> 

<input type="hidden" name="comment1" value="<%=bankpay.Comment1%>" > 
<input type="hidden" name="comment2" value="<%=bankpay.Comment2%>" > 
<input type="submit" value=" 立 即 支付 ! " > 

</form> 


\C 多 本 @ 订单 只 能 使 用 POST 方式 提交 ， 使 用 https 协议 通信 
@ 如 果 提交 的 表格 含有 中 文 ， 需 要 在 <head></head> 节 点 中 ， 使 用 字符 集 GBK 指定 。 代 
码 如 下 : 


<meta http-equiv="content-type" content="text/html;charset=GBK"> 


将 提交 表单 页 面 切 换 到 编辑 器 页 (GoBank.aspx.cs) 中， 为 提交 表单 赋值 。 相 关 代 码 如 下 : 


倒 程 45 ”代码 位 置 : 资源 包 \TM\02\B2C\B2C\GoBank.aspx.cs 


public static BankPay bankpay = new BankPay(); // 实 例 化 BankPay 类 对 象 
#region ”初始 化 BankPay 类 
public BankPay GetPaylInfo() 
‘ 
/从 订单 信息 表 中 获取 订单 编号 、 订 单 金额 
string strSql = "select Round(TotalPrice,2) as TotalPrice from tb_Orderinfo 
where OrderlD=" + Convert.Tolnt32(Page.Request["OrderlD"].Trim()); 
DataTable dsTable = dbObj.GetDataSetStr(strSql, "tbO!"); 


bankpay.Orderid = Request["OrderlD"].Trim(); // 订 单 编号 
bankpay.Amount = Convert.ToString(float.Parse(dsTable.Rows[0]["TotalPrice"].ToString())*100); /订单 金额 
bankpay.OrderDate = DateTime.Now.ToString("yyyyMMddhhmmss"); /交易 日 期 时 间 
bankpay.Path1 = Server.MapPath(@"bank\user.crt"); // 公 钥 路 径 
bankpay.Path2 = Server.MapPath(@"bank\user.crt"); // 拆 分 pfx 后 缀 的 证 书后 的 公 钥 路 径 
bankpay.Path3 = Server.MapPath(@"bank\user.key"); /l 拆 分 pfx 后 缀 的 证 书后 的 私 钥 路 径 


/下 面 是 需要 加 密 的 明文 字符 串 
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bankpay.Msg = bankpay.InterfaceName + bankpay.InterfaceVersion + bankpay.MerlD + bankpay.MerAcct 
+bankpay.MerURL + bankpay.NotifyType + bankpay.Orderid + bankpay.Amount + bankpay.CurType 

+ bankpay.ResultType + bankpay.OrderDate + bankpay.VerifyJoinFlag; 

/项 目 中 引用 组 件 ， 以 声明 的 方式 创建 com 组 件 

ICBCEBANKUTILLib.B2CUtil obj=new ICBCEBANKUTILLib.B2CUtil() ; 

/加 载 公 钥 、 私 钥 、 密 码 ， 如 果 返 回 0， 则 初始 化 成 功 

if (obj.init(bankpay.Path1, bankpay.Path2, bankpay.Path3, bankpay.Key) == 0) 


bankpay.MerSignMsg = obj.signC(bankpay.Msg, bankpay.Msg.Length); /加 密 明文 
bankpay.MerCert = obj.getCert(1); /提取 证 书 
} 
else 
// 返 回 签名 失败 信息 


Response.Write(obj.getRC()); 


return (bankpay); 
} 
#endregion 


2.12 本 章 总 结 


本 章 运用 软件 工程 的 设计 思想 ， 通 过 一 个 完整 的 电子 商务 平台 向 读者 详细 讲解 一 个 系统 的 开发 流 
程 。 同 时 ， 在 51 电子 商城 网 站 的 开发 过 程 中 ， 前 台 采 用 了 和 母 版 页 技术 和 Web 用 户 控件 技术 ， 使 整个 
系统 的 设计 思路 更 加 清晰 。 通 过 本 章 的 学 习 ， 读 者 不 仅 可 以 了 解 一 般 网 站 的 开发 流程 ， 而 且 可 以 熟悉 
购物 车 、 订 单 及 在 线 支 付 技术 的 开发 思想 。 


全 E> 


中 是: 
企业 门户 网 站 


(ASPNET+SQL Server 2014+JavaScript 实现 ) 


企业 门户 网 站 满足 了 企业 通过 网 站 前 台 展 示 企 业 软 件 产品 、 为 用 
户 提供 问题 解决 方案 的 要 求 。 通 过 企业 门户 网 站 的 建立 ， 可 以 加 强 企 
业 与 客户 之 间 的 沟通 ， 使 企业 能 够 及 时 了 解 客户 的 需求 ， 并 及 时 帮助 
客户 解决 日 常 工作 中 遇 到 的 各 种 问题 ， 更 好 地 服务 于 容 户 ， 从 而 增进 
企业 和 客户 之 间 的 友好 业务 关系 。 本 章 使 用 ASP.NET+9SQL Server 
2014 开发 了 一 个 企业 门户 网 站 。 

通过 阅读 本 章 ， 读 者 可 以 学 习 到 : 
Mm 熟练 掌握 用 户 控件 技术 
H 掌握 母 版 页 技术 的 应 用 
让 掌握 IFrame 框架 技术 的 应 用 
让 熟悉 第 三 方 榨 件 FreeTextBox 的 使 用 
mH 熟练 掌握 DataList 分 页 技术 
| 熟悉 GDI+ 绘 图 技术 
让 熟悉 网 络 三 层 架 构 模 式 


Internet 的 全 球 性 发 展 ， 对 人 们 的 生活 、 生 产 方式 都 产生 了 深远 的 影响 。 建 设 企业 门户 
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3.1 开发 背景 


立 企 业 的 网 络 形象 ， 成 为 企业 适应 信息 化 时 代 发 展 的 最 佳 方式 。 企 业 门户 网 站 的 建设 ， 使 企业 能 够 通 
过 网 络 与 客户 更 好 地 交流 ， 拉 近 企业 和 客户 的 距离 ， 掌 握 大 量 的 客户 反馈 信息 ， 并 及 时 做 出 企业 内 部 
调整 方案 ， 以 满足 客户 不 断 增长 的 需求 。 企 业 门户 网 站 的 建设 和 管理 水 平 ， 直 接 影响 企业 的 网 络 形象 
拥有 一 个 设计 美观 、 功 能 全 面 的 门户 网 站 ， 已 经 成 为 企业 网 络 化 建设 的 一 个 重要 内 容 。 


3.2 需求 分 析 


通过 调查 ， 要 求 企 业 门 户 网 站 具有 以 下 功能 


办 罗 办 多 凶 凶 多 凶 


3.3:1 


美观 友好 的 操作 界面 ， 以 保证 系统 的 易 用 性 。 
规范 、 完 善 的 用 户 注册 、 修 改 信 息 。 

公司 最 新 产品 的 展示 。 

工具 软件 和 补丁 的 及 时 下 载 。 

最 新 公告 及 新 闻 的 预览 。 

公司 最 新 招聘 信息 的 预览 。 

客户 留言 及 回复 。 

管理 员 对 网 站 的 管理 。 


3.3 系统 设计 


系统 目标 


本 系统 属于 中 小 型 的 数据 库 管理 系统 ， 可 以 对 企业 的 各 种 信息 进行 有 效 管理 。 通 过 本 系统 可 以 达 
到 以 下 目标 : 


办 办 多多 


界面 设计 美观 友好 ， 信 息 查 询 灵 活 、 方 便 、 快 捷 、 准 确 ， 数 据 存储 安全 可 靠 。 
显示 公司 产品 的 详细 信息 。 

实现 后 台 监 控 功能 。 

对 用 户 输入 的 数据 ， 进 行 严 格 的 数据 检验 ， 尽 可 能 避免 人 为 错误 。 

系统 最 大 限度 地 实现 易 维护 性 和 易 操 作 性 。 

系统 运行 稳定 、 安 全 可 靠 。 
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3.3.2 ”系统 功能 结构 


企业 门户 网 站 前 台 功 能 结构 图 如 图 3.1 所 示 。 


企业 门户 网 站 
前 台 功能 结构 图 
首页 产品 展示 | | 用 户 管理 | | 技术 支持 | | 招聘 信息 留言 往 
显 | 是 | 补 显 | | 显 修 工 显 
卉 | 示 | 了 未 | | 示 用 | 改 | | 找 | 具 则 用 || 未 | 用 
网 公 | 产 | | 下 工 | | 友 户 | | 用 | | 回 “| 软 | 本 户 | 信 留 | 户 
良和 鲁 | 品 | | 载 款 | | 情 注 | 户 | | 密 | | 件 | 下 留 | 息 巡 | | 加 
新 | 列 | | 排 件 | | 链 册 | | 信 | | 码 | | 下 | | 载 言 | 画 | | 腥 
闻 | 表 | 行人 | | 接 息 载 复 
委 | ~ 
= 
ls 
汪 吕 号 |#|| 呈 EB 
下 急 局 加 
加 


图 3.1 企业 门户 网 站 前 台 功能 结构 图 
企业 门户 网 站 后 台 功 能 结构 图 如 图 3.2 所 示 。 


企业 门户 网 站 
后 台 功 能 结构 图 


产品 管理 用 户 管理 | 管理 员 管理 | 新闻/ 公告 管理 | 工具 /补丁 管理 | 友情 链接 管理 | 招聘 信息 管理 | 留言 簿 管理 


网 | 查 | 出 | | 查 

蔡司 | 这 局 | | 看 | | 除 | | 询 修 | | 删 | | 查 
六 后 | 呈 | <| 名 | | 用 | | 用 | 用 改 | | 除 | | 询 
光世 | 二 | 喇 昌 加 网 产 信 | | 信 | | 信 
加 的 “| | 入 | | 俯 | 信 息 | 息 | 息 


3.2 企业 门户 网 站 后 台 功 能 结构 图 
3.3.3 业务 流程 图 


企业 门户 网 站 的 业务 流程 图 如 图 3.3 所 示 。 


@ 
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是 否 登 录 


一 
护林 支持 六 [补丁 下 载 管 理 
P| 
[>| 招聘 信息 ”上 一 (人 | 一 
是 [| 留言 和 管理 
网 站 首页 | ->| 。 留言 每 。 一 和 一 


LE 1 ll 


删除 回复 信息 | 
修改 用 户 信息 | 一 


图 3.3 企业 门户 网 站 的 业务 流程 图 
3.3.4 ”业务 逻辑 编码 规则 


本 网 站 内 部 信息 编码 采用 了 统一 的 编码 方式 ， 所 有 的 编号 (比如 员工 编号 、 


留言 编号 、 回 复 编号 、 招 聘 信息 编号 及 友情 链接 编号 等 ) 都 采用 字母 “BH” 和 6 位 数字 编码 的 组 合 


例如 ，BH100001。 
3.3.5 ”构建 开发 环境 


1. 网 站 开发 环境 

网 站 开发 环境 : Microsoft Visual Studio 2017。 

网 站 开发 语言 : ASPNET+HC#。 

网 站 后 台数 据 库 : SQL Server 2014。 

开发 环境 运行 平台 : Windows 7 (SP1) / Windows Server 8/Windows 10。 


回回 网 加 


AM/ 
办 注意 SP ( Service Pack ) 为 Windows 操作 系统 补丁 。 


服务 器 端 
操作 系统 : Windows 7。 
Web 服务 器 : IIS 7.0 以 上 版 本 。 
数据 库 服 务 器 : SQL Server 2014。 
网 站 服务 器 运行 环境 : Microsoft NET Framework SDK v4.7。 


回 罗 回回 


产品 管理 || 新 闻 管 理 || 公告 管理 | | 工具 管理 


= 口 
产品 


编号 、 公 


告 编号 、 


Do 
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3. 客户 端 
浏览 器 : Chrome 浏览 器 、Firefox 浏览 


3.3.6 ”系统 预览 


企业 门户 网 站 由 多 个 页 面 组 成 ， 下 面 仅 列 出 几 个 典型 页 面 ， 其 他 页 面 参见 资源 包 中 的 源 程序 。 

企业 门户 网 站 首页 (资源 包 \…\Defaultaspx) 如 图 3.4 所 示 , 该 页 面 主要 用 来 查看 公司 的 公告 信息 、 
新 闻 人 信息、 产品 信 息 及 工具 软件 和 补丁 的 下 载 排行 等 内 容 。 留 言 详细 信息 及 其 回复 信息 页 面 (资源 包 \…\ 
ELWordInfo.aspx) 如 图 3.5 所 示 ， 该 页 面 用 于 实现 查看 留言 详细 信息 和 回复 留言 的 功能 。 
人 Ry a | 


fa, 

回复 人 ;+ | 匿名 。 | 加 所 时间 ,| 2017-t2-12 0: 00:00 划 除 
ESE, 

你 于 归 ” 议 什 去 1 


加 复 人 ， | 亚 名 。 回复 时 间 ，2017-1312 0 00:00 其 除 


六 为: [1] SM 入 [1 如 上 一 下 一 贾 各 办- 人 


图 3.4 网 站 首页 图 3.5 留言 详细 信息 及 回复 页 面 
产品 信息 页 面 〈 资 源 包 \…\Sort.aspx) 如 图 3.6 所 示 ， 该 页 面 用 于 查看 产品 的 详细 信息 。 产 品 信息 
管理 页 面 〈 资 源 包 \…\ProductManage.aspx) 如 图 3.7 所 示 ， 该 页 面 用 于 对 产品 信息 进行 添加 、 修 改 、 删 
除 和 查询 等 操作 。 
[CE | 


产品 名 称 ; 地 基础 学 ASPJNET i ei en 

产品 版 本 : 全 有 版 | wm 本 

es 裔 ovis 

运行 环 ual sudio 2017 ”本 EE = os 

产品 价格 : 70.00 委 有 ASP NET = 日 
推荐 斤 ， 0 里 和 夏 ” 项目 开 尼 实战 入 口 = 

产品 类 别 。 C#+ASP.NET 车 ”三 = 三 = 三 * 

文件 大 小 : 0KB 

下 载 次 数 : 0 ms - - 


上 传 时 间 : 2017/12/4 00G00 
和 EI 具 


图 3.6 产品 信息 页 面 图 3.7 产品 信息 管理 页 面 
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BD 
明 由 于 路 径 太 长 ， 因 此 省 略 了 部 分 路 径 ， 省 略 的 路 径 是 “TM\03\EnterpriseWeb”。 


3.4 数据 库 设计 


3.4.1 数据 库 概要 说 明 


于 本 网 站 属于 中 小 型 的 企业 门户 网 站 ， 因 此 需要 充分 考虑 到 成 本 问题 及 用 途 需 求 〈 如 跨 平 台 ) 
等 问题 ， 而 SQL Server 2014 作为 目前 常用 的 数据 库 ， 该 数据 库 系统 在 安全 性 、 准 确 性 和 运行 速度 方面 
有 绝对 的 优势 ， 并 且 处 理 数据 量 大 、 效 率 高 ， 这 正好 满足 了 中 小 型 企业 的 需求 ， 所 以 本 网 站 采用 SQL 
Server 2014 数据 库 。 本 网 站 中 数据 库 名 称 为 db_EnterPrise， 其 中 包含 7 张 数 据 表 ， 分 别 用 于 存储 不 同 
的 信息 ， 如 图 3.8 所 示 。 


日 db_Enterprise 


国 数 握 库 关系 图 
日 国 
久 系统 表 
田 FileTables 
回 dbotb_Engage 一 一 一 一 一 招聘 信息 表 
回 dbo.tb_LeaveWord 留言 信息 表 
国 dbotb_Link 一 一 一 一 一 一 友情 链接 信息 表 
田 回 dbotb_News 一 一 一 一 一 新 闻 公 告 信 息 表 
国 dbo.tb_Product 一 一 一 一 产品 信息 表 
国 dbotb_Revert 一 一 一 一 一 回复 留言 信息 表 
田 国 dbo.tb_User 一 一 一 一 一 用 户 信息 表 
图 3.8 数据库 结构 


3.4.2 数据库 概 念 设计 


通过 对 企业 门户 网 站 进行 的 需求 分 析 、 业 务 流 程 设计 及 系统 功能 结构 的 确定 ， 规 划 出 网 站 中 使 用 
的 数据 库 实 体 对 象 及 实体 E-R 图 。 

用 户 信息 实体 E-R 图 如 图 3.9 所 示 。 

产品 信息 实体 E-R 图 如 图 3.10 所 示 。 

新 闻 公 告 信 息 实 体 E-R 图 如 图 3.11 所 示 ， 友 情 链 接 信息 实 体 E-R 图 如 图 3.12 所 示 。 

留言 信息 实体 E-R 图 如 图 3.13 所 示 ， 回 复 留 言 信息 实体 E-R 图 如 图 3.14 所 示 。 

招聘 信息 实体 E-R 图 如 图 3.15 所 示 。 
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图 3.10 产品 信息 实体 E-R 


友情 链接 信息 表 
(tb Link) 


图 3.11 新 闻 公告 信息 实体 E-R 图 图 3.12 友情 链接 信息 实体 E-R 图 
留言 信息 表 
(tb_LeaveWord) 回复 留言 信息 表 


(tb_Revert) 


回复 时 间 


3.15 招聘 信息 实体 E-R 图 


3.4.3 数据库 逻辑 设计 
根据 设计 好 的 E-R 图 在 数据 库 中 创建 数据 表 ， 下 面 给 出 比较 重要 的 数据 表 结 构 。 
1. tb_User (用 户 信息 表 ) 
tb_User 表 用 于 保存 网 站 的 管理 员 和 用 户 信息 ， 该 表 的 结构 如 表 3.1 所 示 。 


@ 


3 
地 
祈 
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表 3.1 用 户 信息 表 


字 段 名 数据 类 型 描述 
ID varchar 编号 
Name varchar 姓名 
Pwd Varchar 密码 
Question varchar 密码 问题 
Result varchar 密码 答案 
Photo, Varchar 头像 
Sex, char 性 别 
Age int 年 龄 
Tel Varchar 联系 电话 
Mobile Varchar 手机 号 码 
Email Varchar 邮箱 地 址 
QQ Varchar QQ 号 码 
RegisterTime smalldatetime 注册 时 间 
Address varchar 家 庭 地 址 
NAddress varchar 个 人 主页 
Remark varchar 备注 
Marker char 标识 


2. tb_Product (产品 信息 表 ) 
tb_Product 表 用 于 保存 企业 的 产品 、 工 具 软件 和 补丁 等 信息 ， 该 表 的 结构 如 表 3.2 所 示 。 
表 3.2 产品 信息 表 


字 段 名 描述 
D | wr |  » | 产品 编号 
Name 名 称 
Edition Varchar 版 本 
Price money 价格 
UpTime smalldatetime 上 传 时 间 
UpUser 上 传人 
Photo 图 标 
Type 产品 类 别 
FileSize 文件 大 小 
Commend 推荐 指数 
LoadNum 下 载 次 数 
Environment 运行 环境 
Introduce 介绍 
Remark 备注 
Accessories 附件 
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3. tb_News (新 闻 公 告 信 息 
tb News 表 用 于 保存 企业 的 新 闻 和 公告 信息 ， 该 表 的 结构 如 表 3.3 所 示 。 
表 3.3 新 闻 公告 信息 表 


字 段 名 数据 类 型 描述 


ID | varchar 编号 
Title | varchar 标题 
Content | varchar 内 容 
DeliverTime | datetime 发 表 时 间 


Type 类 别 


4. tb_Link (友情 链接 信息 表 ) 


char 


tb_Link 表 用 于 保存 企业 的 友情 链接 信息 ， 该 表 的 结构 如 表 3.4 所 示 。 
表 3.4 ”友情 链接 信息 表 


字 段 名 描述 
ID 编号 
Name 公司 名 称 
Photo 公司 图 标 
LAddress 公司 网 址 
5. tb_LeaveWord (留言 信息 表 ) 
tb_LeaveWord 表 用 于 保存 用 户 的 留言 信息 ， 该 表 的 结构 如 表 3.5 所 示 。 
表 3.5 留言 信息 表 
字 段 名 数据 类 型 RE 是 大 小 描述 
ID 人 留言 编号 
Title | vachar | 留言 主题 
Host Varchar 留言 人 
LeaveTime smalldatetime 留言 时 间 
Content Varchar 留言 内 容 
6. tb_Revert (回复 留言 信息 表 
tb_Revert 表 用 于 保存 用 户 的 回复 留言 信息 ， 该 表 的 结构 如 表 3.6 所 示 。 
表 3.6 回复 留言 信息 表 
字 段 名 数据 类 型 描述 
ID Varchar 回复 编号 
LeaveID Varchar 留言 编号 
Content Varchar 回复 内 容 
RevertUser varchar 回复 人 


RevertTime smalldatetime 回复 时 间 
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7. tb_Engage (招聘 信息 表 ) 
tb_Engage 表 用 于 保存 企业 的 招聘 信息 ， 该 表 的 结构 如 表 3.7 所 示 。 
表 3.7 招聘 信息 表 


字 段 名 
ID Varchar 
EPosition varchar 
PIntroduce 


SchoolAge char 
PRequest varchar 
Department varchar 


Place 


3.5 公共 类 设计 


在 网 站 项 目 开 发 中 以 类 的 形式 来 组 织 、 封 装 一 些 常用 的 方法 和 事件 ， 将 会 在 编程 过 程 中 起 到 事 
功 倍 的 效果 。 本 系统 创建 了 两 个 公共 类 文件 ， 分 别 为 DataBase.cs (数据 库 操作 类 ) 和 DataOperate.cs 
(基础 数据 操作 类 ), 而 DataOperate.cs 公共 类 文件 中 又 包括 DataOperate( 基础 数据 操作 类 )、UserOperate 
〈 用 户 操作 类 ) 、ProductOperate〈 产 品 操作 类 ) 、NewsOperate (公告 及 新 闻 操 作 类 ) 、LinkOperate 
(友情 链接 操作 类 ) 、LeaveWordOperate (留言 簿 操作 类 ) 、RevertOperate (回复 留言 操作 类 ) 和 
EngageOperate (招聘 信息 操作 类 ) 8 个 类 ， 由 于 篇 幅 所 限 ， 而 且 各 个 操作 类 的 实现 原理 大 致 相同 ， 下 
面 主要 对 DataBase (数据 库 操作 类 ) 、DataOperate (基础 数据 操作 类 ) 和 UserOperate (用户 操作 类 ) 
3 个 公共 类 进行 讲解 ， 其 他 类 及 其 方法 请 参见 本 书 附 带 的 资源 包 。 


3.5.1 DataBase 类 


DataBase〈 数 据 库 操 作 类 ) 类 主要 实现 的 功能 有 打开 数据 库 连 接 、 关 闭 数据 库 连 接 、 释 放 数 据 库 
连接 资源 、 传 入 参数 并 且 转 换 为 SqlParameter 类 型 、 执 行 参数 命令 文本 (无 返回 值 )、 执 行 参数 命令 
文本 (有 返回 值 ) 、 将 命令 文本 添加 到 SqlDataAdapter 和 将 命令 文本 添加 到 SqlCommand。 下 面 给 出 所 
有 的 数据 库 操作 类 源 代 码 ， 并 且 进 行 详细 介绍 。 

在 命名 空间 区 域 引用 using System.Data.SqlClient 命名 空间 。 为 了 精确 地 控制 释放 未 托管 资源 ， 必 
须 实现 DataBase 类 的 System.IDisposable 接口 ，IDisposable 接口 声明 了 一 个 方法 Dispose， 该 方法 不 带 
参数 ， 返 回 Void。 相 关 代码 如 下 : 

倒 程 01 代码 位 置 : 资源 包 \TM\03\EnterpriseWeb\App_Code\DataBase.cs 

using System.Data.SqlClient; 


@ 
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public class DataBase:IDisposable 


攻 
public DataBase() 


{ 
} 
private SqlConnection con; // 创 建 连接 对 象 
…/ 下 面 编写 相关 的 功能 方法 
} 


建立 数据 库 的 连接 主要 通过 SqlConnection 类 实现 ， 并 初始 化 数据 库 连接 字符 串 ， 然 后 通过 State 
属性 判断 连接 状态 ， 如 果 数 据 库 连 接 状 态 为 关闭 ， 则 打开 数据 库 连 接 。 实 现 打开 数据 库 连 接 Open 方法 


倒 程 02 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\App_Code\DataBase.cs 


#region ”打开 数据 库 连 接 
private void Open() 


/打开 数据 库 连 接 
if (con == null) 


// 创 建 SqlConnection 对 象 
con = new SqlConnection(ConfigurationManager.AppSettings 
["ConnectionString"]); 
} 
if (con.State == System.Data.ConnectionState.Closed)  // 判 断 数 据 库 连 接 状 态 
con.Open(); /打开 数据 库 连 接 
有 
#endregion 


关闭 数据 库 连 接 主 要 通过 SqlConnection 对 象 的 Close 方法 实现 。 自 定义 Close 方法 关闭 数据 库 连 
接 的 代码 如 下 : 

倒 程 03 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\App_Code\DataBase.cs 

#region ”关闭 连接 


public void Close() 
{ 
if (con != null) 
con.Close(); /关闭 数据 库 连接 


} 
#endregion 


因为 DataBase 类 使 用 System.IDisposable 接口 ，IDisposable 接口 声明 了 一 个 方法 Dispose， 所 以 在 
此 应 该 完善 IDisposable 接口 的 Dispose 方法 ， 用 来 释放 数据 库 连 接 资源 。 实 现 释放 数据 库 连 接 资源 的 
Dispose 方法 的 代码 如 下 : 


@ 
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倒 程 04 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\App_Code\DataBase.cs 


#region 释放 数据 库 连接 资源 
public void Dispose() 


/确认 连接 是 否 已 经 关闭 
if (con {= null) 
{ 
con.Dispose(); 
con = null; 
} 
} 
#endregion 


本 系统 向 数据 库 中 读 / 写 数据 是 以 参数 形式 实现 的 。MakeInParam 方法 用 于 传 入 参数 ，MakeParam 
方法 用 于 转换 参数 。 实 现 MakeInParam 方法 和 MakeParam 方法 的 完整 代码 如 下 : 


倒 程 05 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\App_Code\DataBase.cs 


ll! <summary> 

Ul 传 入 参数 

M </summary> 

/| <param name="ParamName"> 存 储 过 程 名称 或 命令 文本 </param> 

中 <param name="DbType"> 参 数 类 型 </param></param> 

/1/ <param name="Size"> 参 数 大 小 </param> 

1/1/ <param name="Value"> 参 数值 </param> 

1/ <returns> 新 的 parameter 对 象 </returns> 

public SqlParameter MakelnParam(string ParamName, SqlDbType DbType, int Size,object Value) 
{ 


} 

ll <summary> 

儿 / 初始 化 参数 值 

ll </summary> 

M <param name="ParamName"> 存 储 过 程 名 称 或 命令 文本 </param> 
中 <param name="DbType"> 参 数 类 型 </param> 

1 <param name="Size"> 参 数 大 小 </param> 

/1/ <param name="Direction"> 参 数 方向 </param> 

1 <param name="Value"> 参 数值 </param> 

儿 / <returns> 新 的 parameter 对 象 </returns> 

public SqlParameter MakeParam(string ParamName, SqlDbType DbType, Int32 Size,ParameterDirection 


return MakeParam(ParamName, DbType, Size, ParameterDirection.Input, Value); 


Direction,object Value) 
{ 
SqlParameter param; 
if (Size > 0) 
param = new SqlParameter(ParamName, DbType, Size); 
else 


param = new SqlParameter(ParamName, DbType); 
param.Direction = Direction; 
if (!(Direction == ParameterDirection.Output && Value == null)) 
param.Value = Value; 
return param; 
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RunProc 方法 为 可 重 载 方法 ， 其 中 ，RunProc(string procName, SqlParameter[] prams) 方 法 主要 用 于 
执行 数据 的 添加 、 修 改 和 删除 操作 ; RunProc(string procName) 方 法 用 来 直接 执行 SQL 语句 ， 比 如 数据 
库 备 份 与 恢复 等 操作 。 实 现 可 重 载 方法 RunProc 的 完整 代码 如 下 : 

倒 程 06 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\App_Code\DataBase.cs 


ll <summary> 

执行 命令 

ll </summary> 

中 <param name="procName"> 命 令 文 本 </param> 

M <param name="prams"> 参 数 对 象 </param> 

public int RunProc(string procName, SqlParameter prams) 


{ 
SqlCommand cmd = CreateCommand(procName, prams); 
cmd.ExecuteNonQuery(); 
this.Close(); 
/得 到 执行 成 功 返 回 值 
return (int)cmd.Parameters["ReturnValue"].Value; 
} 
ll <summary> 
1/ 直接 执行 SQL 语句 
ll </summary> 


1 <param name="procName"> 命 令 文本 </param> 
public int RunProc(string procName) 


{ 
this.Open(); 
SqlCommand cmd = new SqlCommand(procName, con); 
cmd.ExecuteNonQuery(); 
this.Close(); 
return 1; 
} 


RunProcRetum 方法 为 可 重 载 方法 ， 返 回 值 为 DataSet 类 型 ， 其 中 ，RunProcReturn(string procName， 
SqlParameter[] prams,string tbName) 方 法 主要 用 于 执行 带 参 数 SqlParameter 的 查询 命令 文本 ; 
RunProcReturn(string procName, string tbName) 用 于 直接 执行 查询 SQL 语句 。 可 重 载 方法 RunProcReturn 
的 完整 代码 如 下 : 

倒 程 07 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\App_Code\DataBase.cs 

ll <summary> 

几 执行 查询 命令 文本 ， 并 且 返 回 DataSet 数据 集 

ll </summary> 

M <param name="procName"> 命 令 文本 </param> 

M <param name="prams"> 参 数 对 象 </param> 

J <param name="tbName"> 数 据 表 名 称 </param> 

public DataSet RunProcReturn(string procName, SqlParameter prams,string tbName) 

{ 


SqlDataAdapter dap=CreateDataAdaper(procName, prams); 
DataSet ds = new DataSet(); 

dap.Fill(ds,tbName); 

this.Close(); 


@ 
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return ds; // 得 到 执行 成 功 返 回 值 
} 


ll <summary> 
几 执行 命令 文本 ， 并 且 返 回 DataSet 数据 集 
ll </summary> 
中 <param name="procName"> 命 令 文 本 </param> 
1 <param name="tbName"> 数 据 表 名 称 </param> 
JW <returns>DataSet</returns> 
public DataSet RunProcReturn(string procName, string tbName) 
{ 
SqlDataAdapter dap = CreateDataAdaper(procName, null); 
DataSet ds = new DataSet(); 
dap.Fill(ds, tbName); 
this.Close(); 
return ds; /得 到 执行 成 功 返 回 值 


} 


CreateDataAdaper 方法 用 来 将 带 参数 SqlParameter 的 命令 文本 添加 到 SqlDataAdapter 中 , 并 执行 命 
令 文本 。CreateDataAdaper 方法 的 完整 代码 如 下 : 


倒 程 08 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\App_Code\DataBase.cs 


ll <summary> 

/1 创建 一 个 SqlDataAdapter 对 象 以 此 来 执行 命令 文本 

ll </summary> 

1/ <param name="procName"> 命 令 文 本 </param> 

1 <param name="prams"> 参 数 对 象 </param> 

private SqlDataAdapter CreateDataAdaper(string procName, SqlParameter[l] prams) 

{ 
this.Open(); 
SqlDataAdapter dap = new SqlDataAdapter(procName,con); 
dap.SelectCommand.CommandType = CommandType.Text; // 执 行 类 型 : 命令 文本 
if (prams != null) 


foreach (SqlParameter parameter in prams) 
dap.SelectCommand.Parameters.Add(parameter); 


} 
// 加 入 返回 参数 
dap.SelectCommand.Parameters.Add(new SqlParameter("ReturnValue",SqlDbType.Int, 4, 
ParameterDirection.ReturnValue, false, 0, 0,string.Empty, DataRowVersion.Default, null)); 
return dap; 
} 


CreateCommand 方法 用 来 将 带 参数 SqlParameter 的 命令 文本 添加 到 SqlCommand 中 ， 并 执行 命令 
文本 。CreateCommand 方法 的 完整 代码 如 下 : 


倒 程 09 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\App_Code\DataBase.cs 
ll <summary> 

省 创建 一 个 SqlCommand 对 象 以 此 来 执行 命令 文本 

ll </summary> 

路 <param name="procName"> 命 令 文本 </param> 


@ 
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中 <param name="prams" 命 令 文 本 所 需 参数 </param> 
Mi <returns> 返 回 SqlCommand 对 象 </returns> 
private SqlCommand CreateCommand(string procName, SqlParameterl] prams) 
{ 
this.Open(); // 确 认 打 开 连 接 
SqlCommand cmd = new SqlCommand(procName, con); 
cmd.CommandType = CommandType.Text;// 执 行 类 型 : 命令 文本 
if (prams != null) /依次 把 参数 传 入 命令 文本 
{ 


foreach (SqlParameter parameter in prams) 
cmd.Parameters.Add(parameter); 


} 
/加 入 返回 参数 
cmd.Parameters.Add( 
new SqlParameter("ReturnValue", SqlDbType.Int, 4, 
ParameterDirection.ReturnValue, false, 0, 0,string.Empty, DataRowVersion.Default, null)); 
return cmd; 


} 
3.5.2 DataOperate 类 


DataOperate〈 基 础 数据 操作 类 ) 类 主要 实现 的 功能 有 自动 生成 编号 、 对 字符 串 进行 各 种 验证 、 上 
传 图 片 、 对 DataList 控件 进行 数据 绑 定 并 分 页 、 截 取 指 定 长 度 的 字符 串 和 设置 第 三 方 组 件 FreeTextBox 
中 的 字体 等 ， 下 面 给 出 基础 数据 操作 类 中 各 方法 的 源 代码 ， 并 且 进 行 详细 介绍 。 

getID 方法 用 来 根据 数据 库 中 已 经 存在 的 记录 自动 生成 编号 ， 其 实现 代码 如 下 : 

倒 程 10 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\App_Code\DataOperate.cs 

public string getID(string tbName, DataSet ds) 

‘ 


string P_Str_ID = ™"; // 定 义 一 个 字符 串 ， 用 来 存储 编号 
int P_Int_ID = 0; llint 类 型 变量 ， 用 来 记录 编号 后 面 的 数字 
if (ds.Tables[0].Rows.Count == 0) / 淹 断 数据 库 中 是 否 存 在 记录 
{ 
P_Str_ID = "BH100001"; 
} 
else 
{ 
1/ 获取 数据 库 中 的 最 大 编号 


P_Str_ID = Convert.ToString(ds.Tables[0].Rows[ds.Tables[0].Rows.Count - 1]["ID7]); 
// 截 取 最 大 编号 后 面 的 数字 ， 并 将 其 加 1 

P_Int_ID = Convert.Tolnt32(P_Str_ID.Substring(2, 6)) + 1; 

P_Str_ID = "BH" + P_Int_ID.ToString(); /生成 新 的 编号 


3 
return P_Str_ID; 
人 


validateNum 方法 用 来 验证 输入 的 字符 串 是 否 为 数字 ， 其 实现 代码 如 下 : 
倒 程 11 代码 位 置 资源 包 \TM\03\EnterpriseWeb\App_Code\DataOperate.cs 


@ 
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public bool validateNum(string str) /验证 输入 为 数字 
{ 

/使 用 Regex 类 的 IsMatch 方法 自 定义 正则 表达 式 

return Regex.lsMatch(str, "^[0-9]*[1-9][0-9]*$"); 
= 


De 验证 邮编 、 电 话 号 码 、E-mail 地 址 和 网 址 的 实现 的 方法 与 验证 数字 类 似 ， 只 是 正则 表达 
式 有 所 不 同 ， 这 里 不 再 一 一 列举 。 


UpPhoto 方法 主要 用 来 实现 上 传 图 片 并 在 Image 控件 中 显示 上 传 图 片 的 功能 ， 其 实现 代码 如 下 : 


倒 程 12 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\App_Code\DataOperate.cs 


public void UpPhoto(FileUpload upload, System.Web.UI.WebControls.Image img,string strPath) 
{ 


string filePath = upload.PostedFile.FileName; /记录 选择 的 图 片 完全 路 径 及 名 称 
1/ 截取 图 片 文件 名 
string filename = filePath.Substring(filePath.LastiIndexOf("\") + 1); 
/获取 选择 的 图 片 格式 
string fileEx = flePath.Substring(fllePath.LastlindexOf(".") + 1); 
string serverpath = strPath + filename:; /指定 图 片 保存 路 径 


string relativepath = @".\images\Photo\" + filename; /图片 的 相对 路 径 
if (fileEx == "jpg" || fileEx == "bmp" || fileEx == "gif’) /| 判断 图 片 格式 


upload.PostedFile.SaveAs(serverpath); /保存 图 片 到 指定 路 径 
img.ImageUrl = relativepath; /在 Image 控件 中 显示 图 片 


} 
dlBind 方法 主要 用 来 将 数据 库 的 数据 绑 定 到 DataList 控件 并 进行 分 页 显示 ， 其 实现 代码 如 下 : 


倒 程 13 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\App_Code\DataOperate.cs 


//DataList 控件 绑 定 及 分 页 
public void dlBind(int intCount,DataSet ds,Label labPage,Label labTPage,LinkButton lbtnUp,LinkButton 
lbtnNext,LinkButton lbtnBack,LinkButton lbtnOne,DataList dl) 


{ 
int curpage = ConvertTolnt32(labPage.Text); /获取 当前 页 
PagedDataSource ps = new PagedDataSource(); /| 创建 PagedDataSource 对 象 
ps.DataSource = ds.Tables[0].DefaultView; /为 PagedDataSource 对 象 指定 数据 源 
ps.AllowPaging = true; /是 否 可 以 分 页 
ps.PageSize = intCount:; /显示 的 数量 
ps.CurrentPagelndex = curpage - 1; // 取 得 当前 页 的 页 码 


lbtnUp.Enabled = true; 

lbtnNext.Enabled = true; 
lbtnBack.Enabled = true; 
lbtnOne.Enabled = true; 


if (curpage == 1) 
lbtnOne.Enabled = false; // 不 显示 第 一 页 按钮 
lbtnUp.Enabled = false; /不 显示 上 一 页 按钮 
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} 
if (curpage == ps.PageCount) 


{ 
lbtnNext.Enabled = false; /不 显示 下 一 页 
IbtnBack.Enabled = false; /不 显示 最 后 一 页 
} 
labTPage.Text = Convert.ToString(ps.PageCount);”// 显 示 总 页 码 
dl.DataSource = ps; /为 DataList 指定 数据 源 
dl.DataKeyField = "ID"; /指定 DataList 控件 绑 定 的 主键 
dl.DataBind(); //DataList 绑 定 


j} 


SubStr 方法 主要 用 来 根据 用 户 输入 的 参数 截取 指定 长 度 的 字符 串 ， 其 实现 代码 如 下 : 
倒 程 14 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\App_Code\DataOperate.cs 


public string SubStr(string str, int intLength) 


if (str.Length < intLength) // 判 断 字符 串 长 度 是 否 小 于 指定 长 度 
return str; 

} 

string newStr = str.Substring(0, intLength - 1); /调用 Substring 方法 截取 字符 串 

newStr = newStr + "..."; /| 生成 新 的 字符 串 

return newStr; 


} 


strFont 方法 主要 用 来 设置 第 三 方 组 件 FreeTextBox 中 的 字体 ， 其 实现 代码 如 下 : 


倒 程 15 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\App_Code\DataOperate.cs 
public string[] strFont() 
{ 


string[] str = null; /定义 一 个 字符 串 数 组 ， 并 赋值 为 空 
/为 字符 串 数 组 赋值 
str = new string[] { "宋体 ", "楷体 _GB2312", "隶书 ", "华文 行 楷 ", "华文 中 宋 ", " 
新 宋体 ", "黑体 ", "方正 舒 体 ", "方正 姚 体 ", "仿宋 _GB2312", "华文 彩云 " "华文 细 黑 ", " 
华文 新 魏 ", "华文 中 宋 ); 
return str; // 返 回 定义 的 字符 串 数组 


3.5.3 UserOperate 类 


UserOperate (用户 操作 类 〉 类 主要 用 来 实现 企业 门户 网 站 中 用 户 和 管理 员 的 添加 、 修 改 、 删 除 、 
查询 和 登录 等 功能 。 

用 户 操作 类 中 的 方法 主要 提供 给 陈述 层 调用 ， 从 编码 的 角度 出 发 ， 该 类 中 方法 的 实现 是 建立 在 数 
据 层 (数据 库 操作 类 DataBase.cs) 基础 上 ， 下 面 将 详细 介绍 。 

在 用 户 操作 类 中 ， 首 先 定义 用 户 信息 的 数据 结构 ， 代 码 如 下 : 


倒 程 16 ”代码 位 置 : 资源 包 \TM\03\EnterpriseWeb\App_Code\DataOperate.cs 


@ 
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#region 定义 用 户 信息 一 一 数据 结构 
private string id = ™; 

private string name = ™; 
private string pwd = ™"; 
private string question = ™; 
private string result 
private string photo 
private string sex 
private int age = 0; 
private string tel = 
private string mobile 
private string email 
private string qq = "™; 

private DateTime registertime = Convert.ToDateTime(DateTime.Now. 
ToShortDateString()); 
private string address = 
private string naddress 
private string remark = ™"; 
private string marker = 
ll <summary> 

ll 编号 

ll </summary> 

public string ID 

{ 


get { return id; } 
set {id = value; } 
} 
ll <summary> 
1 姓名 
ll </summary> 
public string Name 
{ 
get { return name; } 
set { name = value; } 
3 
ll <summary> 
J 密码 
ll </summary> 
public string Pwd 
{ 
get { return pwd; } 
set { pwd = value; } 
} 
W <summary> 
ll 密 保 问题 
ll </summary> 
public string Question 
{ 
get { return question; } 
set { question = value; } 
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ll <summary> 

Ul 密 保 密码 

ll </summary> 

public string Result 

‘ 
get { return result; } 
set { result = value; } 

} 

ll <summary> 

Ul 头像 

ll </summary> 

public string Photo 

{ 
get { return photo; } 
set { photo = value; } 

} 

ll <summary> 

1/ 性 别 

ll </summary> 

public string Sex 

{ 
get { return sex; } 
set { sex = value; } 

ll <summary> 

ll 年 龄 

ll </summary> 

public int Age 

t 
get { return age; } 
set { age = value; } 

} 

ll <summary> 

ll 电话 

ll </summary> 

public string Tel 

{ 
get { return tel; } 
set { tel = value; } 

3 

ll <summary> 

/ 手机 号 

ll </summary> 

public string Mobile 

{ 
get { return mobile; } 
set { mobile = value; } 

} 

ll <summary> 

UI 邮箱 

ll </summary> 


© 
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public string Email 
{ 
get { return email; } 
set { email = value; } 
} 
ll <summary> 
NI QQ 号 码 
ll </summary> 
public string QQ 
和 
get { return qq; } 
set {qq = value; } 
} 
ll <summary> 
// 注册 时 间 
ll </summary> 
public DateTime RegisterTime 
{ 
get { return registertime; } 
set { registertime = value; } 
} 
ll <summary> 
Wl 地 址 
ll </summary> 
public string Address 
{ 
get { return address; } 
set { address = value; } 
} 
ll <summary> 
UI/ 个 人 主页 
ll </summary> 
public string NAddress 
€ 
get { return naddress; } 
set { naddress = value; } 
3 
M <summary> 
Ul 备注 
ll </summary> 
public string Remark 
{ 
get { return remark; } 
set { remark = value; } 
} 
ll <summary> 
Wl 标识 
ll </summary> 
public string Marker 
{ 
get { return marker; } 
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set { marker = value; } 


} 
#endregion 


AddUser 方法 主要 实现 添加 用 户 信 息 功能 ， 实 现 关键 技术 : 创建 SqlParameter 参数 数组 ， 通 过 
DataBase.cs (数据 库 操作 类 ) 中 的 MakeInParam 方法 将 参数 值 转换 为 SqlParameter 类 型 ， 存 储 在 数组 
中 ， 最 后 调用 DataBase.cs (数据库 操作 类 )〉 中 的 RunProc 方法 执行 命令 文本 ， 代 码 如 下 : 


倒 程 17 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\App_Code\DataOperate.cs 
public int AddUser() 


/调用 DataBase 类 中 的 MakelnParam 方法 为 SqlParameter 参数 数组 赋值 

SqlParameter[] prams = { 
data.MakelnParam("@id", SqlDbType.VarChar, 20, ID), 
data.MakelnParam("@name", SqlDbType.VarChar, 100,Name ), 
data.MakelnParam("@pwd", SqlDbType.VarChar, 50,Pwd), 
data.MakelnParam("@question", SqlDbType.VarChar 100, Question ), 
data.MakeInParam("@result", SqlIDbType.VarChar, 100, Result ), 
data.MakelnParam("@photo", SqlDbType.VarChar, 200, Photo ), 
data.MakelnParam("@sex", SqlDbType.Char, 4, Sex ), 
data.MakelnParam("@age", SqlDbType.Int, 4, Age ), 
data.MakelnParam("@tel", SqlDbType.VarChar, 20, Tel), 
data.MakelnParam("@mobile", SqlIDbType.VarChar, 20, Mobile ), 
data.MakelnParam("@email", SqlDbType.VarChar,50, Email )， 
data.MakelnParam("@qq", SqlDbType.VarChar, 10, QQ ), 
data.MakelnParam("@registertime", SqlDbType.DateTime, 4, RegisterTime ), 
data.MakelnParam("@address", SqlDbType.VarChar, 100, Address ), 
data.MakelnParam("@naddress", SqlDbType.VarChar, 50, NAddress ), 
data.MakelnParam("@remark", SqlDbType.VarChar, 4000, Remark ), 
data.MakelnParam("@marker', SqlDbType.Char,10, Marker ), 


上 
// 调 用 DataBase 类 中 的 RunProc 方法 执行 insert 语句 ， 并 返回 执行 结果 
return (data.RunProc("insert into tb_User (ID, Name,Pwd,Question ,Result, 
Photo, Sex,Age, Tel,Mobile,Email,QQ,RegisterTime,Address,NAddress,Remark, 
Marker)"+ " VALUES (@id,@name,@pwd,@question,@result,@photo, @sex, @age,@itel, 
@mobile,@email,@qq,@registertime,@address,@naddress,@remark,@marker)",prams)); 


UpdateUser 方法 主要 实现 修改 用 户 信息 功能 ， 其 实现 关键 技术 与 AddUser 方法 类 似 ， 代 码 如 下 : 


倒 程 18 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\App_Code\DataOperate.cs 


public int UpdateUser() 
证 
// 调 用 DataBase 类 中 的 MakelnParam 方法 为 SqlParameter 参数 数组 赋值 
SqlParameter[] prams = { 
data.MakelnParam("@name", SqlDbType.VarChar, 100,Name ), 
data.MakelnParam("@pwd", SqlDbType.VarChar, 50,Pwd), 
data.MakelnParam("@question", SqlDbType.VarChar, 100, Question ), 
data.MakelnParam("@result", SqlDbType.VarChar, 100, Result ), 
data.MakelnParam("@photo", SqlDbType.VarChar, 200, Photo ), 


@ 


第 3 章 企业 门户 网 站 (ASPNET+SQL Server 2014+JavaScript 实现 ) ”所 毛毛 


data.MakelnParam("@sex", SqlDbType.Char, 4, Sex )， 
data.MakelnParam("@age", SqlDbType.Int, 4, Age ), 
data.MakelnParam("@tel", SqlDbType.VarChar, 20, Tel), 
data.MakelnParam("@mobile", SqlDbType.VarChar, 20, Mobile ), 
data.MakelnParam("@email", SqlDbType.VarChar,50, Email ), 
data.MakelnParam("@qq", SqlDbType.VarChar, 10, QQ ), 
data.MakelnParam("@registertime", SqlDbType.DateTime, 4, RegisterTime ), 
data.MakelnParam("@address", SqlDbType.VarChar, 100, Address ), 
data.MakelnParam("@naddress", SqlDbType.VarChar, 50, NAddress ), 
data.MakelnParam("@remark", SqlDbType.VarChar, 4000, Remark ), 


* 

// 调 用 DataBase 类 中 的 RunProc 方法 执行 update 语句 ， 并 返回 执行 结果 

return (data.RunProc("update tb_User set Pwd=@pwd,Question=@question, 
Result=@result,Photo=@photo, Sex=@sex,Age=@age, Tel=@tel,"+ 
"Mobile=@mobile,Email=@email,QQ=@qq,Address=@address,NAddress=@naddress, 
Remark=@remark where Name=@name", prams)); 


DeleteUser 方法 主要 实现 根据 编号 删除 用 户 信息 功能 ， 其 实现 关键 技术 与 AddUser 方法 类 似 ， 代 
码 如 下 : 

倒 程 19 ”代码 位 置 : 资源 包 \TM\03\EnterpriseWeb\App_Code\DataOperate.cs 

public int DeleteUser() 


/调用 DataBase 类 中 的 MakelnParam 方法 为 SqlParameter 参数 数组 赋值 
SqlParameter[] prams = {data.MakelnParam("@id",SqlDbType.VarChar, 20, ID), }; 
// 调 用 DataBase 类 中 的 RunProc 方法 执行 delete 语句 ， 并 返回 执行 结果 
return (data.RunProc("delete from tb_User where ID=@id", prams)); 

} 


UserOperate( 用 户 操 作 类 ) 类 中 定义 了 4 种 查找 用 户 信 息 的 方法 ,方法 名 称 分 别 为 FindUserByName、 
FindResult、FindUserByMarker 和 GetAllUser， 其 中 ，FindUserByName 方法 用 来 根据 用 户 姓 名 找到 用 
户 信息 ; FindResult 方法 用 来 根据 用 户 姓 名 和 密码 问题 找到 密码 答案 ; FindUserByMarker 方法 用 来 根据 
标识 找到 用 户 信 息 ; GetAllUser 方法 用 来 得 到 所 有 用 户 信息 。 查 找 用 户 信息 方法 的 实现 代码 如 下 : 

倒 程 20 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\App_Code\DataOperate.cs 

#region 查询 用 户 信息 

public DataSet FindUserByName(string tbName) /根据 姓名 得 到 用 户 信息 


{ 
// 调 用 DataBase 类 中 的 MakelnParam 方法 为 SqlParameter 参数 数组 赋值 


SqlParameter[] prams = { 
data.MakelnParam("@name"， SqlDbType.VarChar, 100,Name+"%"), 


} 

/调用 DataBase 类 中 的 RunProcReturn 方法 执行 select 语句 ， 并 返回 执行 结果 

return (data.RunProcReturmn("select * from tb_User where Name like @name", 
prams, tbName)); 


} 
public DataSet FindResult(string tbName) /根据 用 户 名 和 密 保 问题 得 到 密 保 答案 
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/调用 DataBase 类 中 的 MakelnParam 方法 为 SqlParameter 参数 数组 赋值 
SqlParameter[] prams = { 
data.MakelnParam("@name", SqlDbType.VarChar, 100,Name), 
data.MakelnParam("@question", SqlDbType.VarChar, 100, Question ), 


$ 

// 调 用 DataBase 类 中 的 RunProcReturn 方法 执行 select 语句 ， 并 返回 执行 结果 

return (data.RunProcReturn("select Result from tb_User where (Name=@name) 
and (Question=@question)",prams, tbName)); 


public DataSet FindUserByMarker(string tbName) ”// 根 据 标识 得 到 用 户 信息 


. 
// 调 用 DataBase 类 中 的 MakelnParam 方法 为 SqlParameter 参数 数组 赋值 
SqlParameter[] prams = { 
data.MakelnParam("@marker", SqlDbType.Char, 10, Marker ), 


上 

/调用 DataBase 类 中 的 RunProcReturn 方法 执行 select 语句 ， 并 返回 执行 结果 

return (data.RunProcReturn("select * from tb_User where Marker=@marker", 
prams, tbName)); 


3} 
public DataSet GetAllUser(string tbName) /得 到 所 有 用 户 信息 


// 调 用 DataBase 类 中 的 RunProcReturn 方法 执行 select 语句 ， 并 返回 执行 结果 
return (data.RunProcReturn("select * from tb_User ORDER BY ID", tbName)); 


} 
#endregion 


UserLogin 和 AdminLogin 方法 分 别 用 来 实现 用 户 登录 和 管理 员 登 录 功 能 ， 其 实现 关键 技术 与 
AddUser 方法 类 似 ， 代 码 如 下 : 


倒 程 21 代码 位 置 : 资源 包 \TM\03\EnterpriseWeb\App_Code\DataOperate.cs 


#region 用 户 登 录 
public DataSet UserLogin() /用 户 登录 


/调用 DataBase 类 中 的 MakelnParam 方法 为 SqlParameter 参数 数组 赋值 
SqlParameter[] prams = { 
data.MakelnParam("@name", SqlDbType.VarChar 100,Name), 
data.MakelnParam("@pwd", SqlDbType.VarChar, 50, Pwd), 


» 

/调用 DataBase 类 中 的 RunProcReturn 方法 执行 select 语句 ， 并 返回 执行 结果 

return (data.RunProcReturn("select * from tb_User where (Name = @name) and 
(Pwd = @pwd) AND (Marker=' 用 户 ')", prams, "tb_User")); 


} 
public DataSet AdminLogin() /| 管理 员 登 录 
上 . 
// 调 用 DataBase 类 中 的 MakelnParam 方法 为 SqlParameter 参数 数组 赋值 
SqlParameter[] prams = { 
data.MakelnParam("@name", SqlDbType.VarChar 100,Name), 
data.MakelnParam("@pwd", SqlDbType.VarChar 50, Pwd), 
/调用 DataBase 类 中 的 RunProcReturn 方法 执行 select 语句 ， 并 返回 执行 结果 
return (data.RunProcReturn("select * from tb_User where (Name = @name) and 


@ 
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(Pwd = @pwd) AND (Marker= 管理 员 ')", prams, "tb_User")); 


} 
#endregion 


3.6 ”网 站 首页 设计 


3.6.1 网 站 首页 概述 


对 于 企业 门户 网 站 来 说 ， 首 页 极为 重要 ， 它 代表 一 个 公司 的 企业 形象 。 在 企业 门户 网 站 的 首页 中 
用 户 不 但 可 以 查看 公司 的 公告 信息 和 新 闻 信 息 ， 而 且 还 可 以 查看 产品 信息 及 工具 软件 和 补丁 的 下 载 排 
行 。 企 业 门户 网 站 首页 的 运行 结果 如 图 3.16 所 示 。 


WELCOME TO 


门户 


| [至 局 再 职 
| : 
WH 


[sm Sv 


3.16 ”企业 门户 网 站 首页 


3.6.2 ”网 站 首页 技术 分 析 


企业 门户 网 站 的 首页 由 很 多 的 用 户 控件 组 成 ， 下 面 对 Web 中 的 用 户 控件 进行 详细 介绍 。 

用 户 控件 是 一 种 复合 控件 ， 开 发 人 员 可 以 向 用 户 控件 中 添加 现 有 的 Web 服务 器 控件 和 标记 ， 并 定 
义 控件 的 属性 和 方法 ， 然 后 可 以 将 用 户 控件 嵌入 ASPNET 网 页 中 充当 一 个 单元 。 

ASPNET Web 用 户 控件 (.ascx 文件 ) 与 完整 的 ASPNET 网 页 (.aspx 文件 ) 相似 ， 同 样 具 有 用 户 


@ 
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界面 和 代码 ,开发 人 员 可 以 采取 与 创建 ASPNET 网 页 相似 的 方式 创建 用 户 控件 ， 然 后 向 其 中 添加 所 需 
的 标记 和 子 控件 。 用 户 控件 可 以 像 ASPNET 网 页 一 样 对 其 所 包含 的 内 容 进 行 操作 〈 包 括 执行 数据 绑 定 
等 任务 ) 。 

用 户 控件 与 ASPNET 网 页 主要 有 以 下 区 别 : 

用 户 控件 的 文件 扩展 名 为 .ascx。 

回 用户 控 件 中 没有 @Page 指令 ， 而 是 包含 @Control 指令 ， 该 指令 对 配置 及 其 他 属性 进行 定义 。 

用 户 控件 不 能 作为 独立 文件 运行 , 而 必须 像 处 理 任何 控件 一 样 , 将 它们 添加 到 ASPNET 页 中 。 

回 “用户 控 件 中 没有 html、body 或 form 元 素 。 

创建 用 户 控件 的 方法 与 创建 ASP.NET 网 页 大 致 相同 ， 其 主要 步骤 如 下 : 

(1) 打开 解决 方案 资源 管理 器 ， 在 项 目 名 称 中 单 击 鼠 标 右键 ,然后 在 弹出 的 快捷 菜单 中 选择 “添加 新 
项 ”命令 ， 弹 出 图 3.17 所 示 的 “添加 新 项 ”对 话 框 ， 在 该 对 话 框 中 选择 “Web 用 户 控件 ”选项 ， 并 为 其 命 
名 ， 单 击 “ 添 加 ”按钮 即 可 将 Web 用 户 控件 添加 到 项 目 中 。 
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图 3.17 “添加 新 项 ”对 话 框 
(2) 打开 已 创建 好 的 Web 用 户 控 件 〈 用 户 控件 的 文件 扩展 名 为 .ascx) ， 在 .ascx 文件 中 可 以 直接 
添加 各 种 服务 器 控件 及 静态 文本 、 图 片 等 。 
(3) 双击 页 面 上 的 任何 位 置 ， 或 者 直接 按 F7 键 ， 可 以 将 视图 切换 到 后 台 代 码 文件 ， 程 序 开发 人 
员 可 以 直接 在 文件 中 编写 程序 代码 ， 包 括 定义 各 种 成 员 变量 、 方 法 及 事件 处 理 程序 等 。 


< 注意 种 建 好 用 户 控件 后 ， 必 须 添加 到 其他 Web 页 中 才能 显示 ， 而 不 能 直接 作为 一 个 网 页 进 
行 显示 ， 因 此 也 就 不 能 设置 用 户 控 件 为 “起 始 页 ”。 


3.6.3 ”网 站 首页 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb Product、tb News、 tb Link、tb_User 
企业 门户 网 站 的 首页 由 母 版 页 和 内 容 页 组 成 ， 下 面 分 别 对 首页 中 用 到 的 母 版 页 和 内 容 页 的 设计 进 
行 讲解 。 
(1) MasterPage.master 〈 母 版 页 ) 主要 使 用 Table (表格) 、 用 户 控 件 、HyperLink 控件 和 Menu 
控件 设计 完成 ， 它 主要 用 到 的 控件 如 表 3.8 所 示 。 
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表 3.8 母 版 页 主要 用 到 的 控件 


控件 类 型 主要 属性 设置 用 途 


国 Table 无 | 页 面 布局 
将 Target 设置 为 “blank”, NavigateUrl | 、 2 
A HyperLink 设置 为 <- ei 进入 后 台 登 录 页 面 


图 Menu | Menul | 添加 图 3.16 中 所 示 的 节点 功能 菜单 


(2) 内 容 页 主要 由 Table 表格 和 用 户 控件 设计 完成 ， 其 中 Table 表格 用 来 布局 页 面 。 
(3) 由 于 该 网 站 前 台 首页 中 的 母 版 页 和 内 容 页 都 是 由 用 户 控件 组 成 ， 因 此 后 台 无 须 编写 具体 的 实 
现代 码 ， 只 需 在 Page Load 事件 下 设置 网 站 标题 即 可 。Default.aspx 页 面 的 Page Load 事件 代码 如 下 : 
倒 程 22 ”代码 位 置 : 资源 包 \TM\03\EnterpriseWeb\Default.aspx.cs 
protected void Page_Load(object sender, EventArgs e) 


this.Title = "企业 门户 网 "; /设置 网 页 标题 


3.7 产品 信息 模块 设计 


3 | 产品 PR 信 息 模 块 概述 


对 于 一 个 企业 的 门户 网 站 ， 宣 传 自己 公司 的 产品 是 必 不 可 少 的 ， 本 企业 门户 网 站 的 首页 分 类 展示 
了 公司 的 最 新 产品 ， 而 且 网 站 导航 条 中 设置 了 一 个 “产品 展示 ”菜单 ， 用 户 可 以 通过 选择 其 子 菜单 项 
查看 相关 类 别 的 所 有 产品 信息 。 产 品 信息 页 面 运行 效果 如 图 3.18 所 示 。 


日 产品 信息 


产品 名 称 : 地 基础 学 ASP.NET 

产品 版 本 : 全 彩 版 

运行 环境 : Visual Studio 2017 

产品 价格 : ¥70.00 

推荐 指数 : 0 星 级 

产品 类 别 : C#+ASP.NET 

文件 大 小 : OKB 

下 载 次 数 : 0 

上 传 时 间 : 2017/12/4 0:00:00 
篇 程 了 具 


点 击 下 载 : 点 击 下 载 


图 3.18 产品 信息 页 面 
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3.7.2 ”产品 信息 模块 技术 分 析 

产品 信息 模块 实现 的 关键 是 如 何 下 载 正在 查看 的 产品 ， 这 里 主要 用 到 了 Response 类 的 
AppendHeader 方法 和 WriteFile 方法 ， 下 面 分 别 对 它们 进行 详细 介绍 。 

1. AppendHeader 方 法 

用 来 将 HITP 头 添加 到 输出 流 中 ， 其 语法 格式 如 下 : 


public void AppendHeader(string name,string value) 

回 name: 要 追加 value 的 HITP 标 头 的 名 称 。 

value: 要 追加 到 name 标 头 的 值 。 

2. WriteFile 方法 

用 来 将 指定 的 文件 直接 写 入 HTTP 响应 输出 流 ， 该 方法 有 4 种 重 载 形式 ， 其 中 ， 本 系统 中 用 到 的 
重 载 形式 如 下 : 

public void WriteFile(string filename) 

回 ”filename;， 要 写 入 HTTP 输出 的 文件 名 。 

例如 ， 企 业 门户 网 站 中 使 用 Response 类 的 AppendHeader 方法 和 WriteFile 方法 实现 了 产品 的 下 载 
功能 ， 关 键 代码 如 下 : 


Response.Clear(); // 清 空 缓冲 区 
Response.ClearHeaders(); /清空 缓冲 区 头 

Response.Buffer = false; /设置 Response 对 象 不 可 以 缓冲 输出 
Response.ContentType = "application/octet-stream";// 设 置 输出 流 的 HTTP MIME 类 型 
// 将 HTTP 头 添加 到 输出 流 中 


Response.AddHeader("Content-Disposition", "attachment;filename=" + 
HttpUtility.UrlEncode(FInfo.FullName, System.Text.Encoding.UTF8)); 

/将 要 下 载 的 附件 的 大 小 添加 到 输出 流 中 

Response.AppendHeader("Content-Length", FInfo.Length.ToString()); 
Response.WriteFile(FInfo.FullName); /将 指定 的 附件 写 入 输出 流 中 
Response.Flush(); /向 客户 端 发 送 当前 所 有 缓冲 的 输出 


MN 
< 本 注意 这 日 沿 要 注意 的 是 对 文件 名 进行 UTF8 编码 ， 否 则 ， 当 文件 名 为 中 文 名 时 ， 下 载 文件 会 
出 现 文件 名 乱码 的 问题 。 


3.7.3 产品 信息 模块 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb_Product 
产品 信息 模块 的 具体 实现 步骤 如 下 : 
(1) 新 建 一 个 基于 MasterPage master 母 版 页 的 Web 页 面 ， 命 名 为 Sortaspx， 主 要 用 于 查看 产品 
的 详细 信息 ， 该 页 面 中 主要 用 到 的 控件 如 表 3.9 所 示 。 


@ 
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表 3.9 产品 信息 页 面 主要 用 到 的 控件 


控件 类 型 控件 ID 主要 属性 设置 用 途 

国 Table 无 无 页 面 布局 
labPageTitle 无 页 面 标识 
labName 无 显示 产品 名 称 
labEdition 无 显示 产品 版 本 
labEnvironment | 无 显示 运行 环境 
labPrice 无 显示 产品 价格 
labCommend 无 显示 推荐 指数 

A Label labType 无 显示 产品 类 别 
labSize 无 显示 文件 大 小 
labLoadNum 无 显示 下 载 次 数 
labTime 无 显示 上 传 时 间 
labIntroduce 无 显示 其 他 说 明 
labPage 将 Text 属性 设置 为 “1” 显示 当前 页 码 
labBackPage 无 显示 总 页 码 
lbmDownload ”| 将 CommandName 属性 设置 为 “Update”| 下 载 工具 软件 或 补丁 
Ilbmone 将 Text 属性 设置 为 “第 一 页 ” 第 一 页 

LinkButton lbmUp 将 Text 属性 设置 为 “上 一 页 ” 上 一 贾 
lbtnNext 将 Text 属 性 设置 为 “下 一 页 ” 下 一 页 
lbtnBack 将 Text 属 性 设置 为 “最 后 一 页 ” 最 后 一 页 

转 Image ImgSoft 无 显示 产品 图 片 

页 DataList dlInfo 无 显示 产品 信息 


(2) 在 Sort.aspx 页 面 中 ， 首 先 创建 公共 类 DataOperate 和 ProductOperate 的 对 象 ， 以 便 调用 其 中 
的 方法 ， 代 码 如 下 : 
倒 程 23 代码 位 置 资源 包 \TM\03\EnterpriseWeb\User\Sort.aspx.cs 


DataOperate dataoperate = new DataOperate(); /创建 DataOperate 对 象 
ProductOperate productoperate = new ProductOperate(); /| 创建 ProductOperate 对 象 


Sort.aspx 页 面 的 后 台 代 码 中 自 定义 了 两 个 方法 , 分 别 为 BindInfo 方法 和 BindAllInfo 方法 ,BindInfo 
方法 用 来 根据 接收 的 产品 、 软 件 或 补丁 编号 查找 其 详细 信息 ， 并 将 查找 结果 显示 在 DataList 控件 中 ， 
其 实现 代码 如 下 : 

倒 程 24 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\User\Sort.aspx.cs 

public void Bindlnfo() 


{ 
DataSet ds = null; /创建 DataSet 对 象 ， 并 赋值 为 空 
if (Request["TID"] !{= null) // 判 断 软 件 编 号 是 否 为 空 
this.Title = "企业 门户 网 一 一 软件 详细 信息 "; // 设 置 页 面 标题 
labPageTitle.Text = "软件 详细 信息 "; /1 设置 页 面 标识 


/为 ProductOperate 类 中 的 ID 实体 赋值 
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productoperate.ID = Request["TID"].ToString(); 
else if (Request["MID"] = null) // 淹 断 补丁 编号 是 否 为 空 


this.Title = "企业 门户 网 一 一 补丁 详细 信息 "; 
labPageTitle.Text = "补丁 详细 信息 "; 
productoperate.ID = Request["MID"].ToString(); 


else 

R 
this.Title = "企业 门户 网 一 一 产品 详细 信息 "; 
if (Request["NetID"] != null) // 淹 断 Net 产品 编号 是 否 为 空 
‘ 


productoperate.ID = Request["NetID"].ToString(); 


和 
else if (Request["JavalD"] != null) /判断 Java 产品 编号 是 否 为 空 


{ 
productoperate.ID = Request["JavalD"].ToString(); 


} 
else if (Request["ASPID"] != null) // 淹 断 ASP 产品 编号 是 否 为 空 


{ 
productoperate.ID = Request["ASPID"].ToString(); 


} 
else if (Request["VCID"] != null) /判断 VC 产品 编号 是 否 为 空 
productoperate.ID = Request["VCID"].ToString(); 


} 
else if (Request["VBID"] != null) /判断 VB 产品 编号 是 否 为 空 
{ 

productoperate.ID = Request["VBID"].ToString(); 


} 
else if (Request["DelphilD"] != null) /判断 Delphi 产品 编号 是 否 为 空 
{ 


} 

ds = productoperate.FindProductByID("tb_Product"); // 根 据 产品 编号 获得 其 详细 信息 
dllnfo.DataSource = ds; /指定 DataList 数据 源 
dlinfo.DataKeyField = "ID"; /指定 DataList 绑 定 的 主键 
dllnfo.DataBind(); 

/设置 分 页 控件 的 可 视 化 状态 为 false 

Label7.Visible = labPage.Visible = Label6.Visible = labBackPage.Visible 

= lbtnOne.Visible = lbtnUp.Visible = IlbtnNext.Visible = lbtnBack.Visible = false; 


productoperate.ID = Request["DelphilD"].ToString(); 


} 
BindAllInfo 方法 用 来 根据 接收 的 类 型 编号 查找 产品 、 软 件 或 补丁 信息 ， 并 将 查找 结果 显示 在 
DataList 控件 中 。BindAllInfo 方法 的 实现 代码 如 下 : 


倒 程 25 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\User\Sort.aspx.cs 
public void BindAlllnfo() 
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DataSet ds = null; 


if (Request["SortID"] != null) /判断 工具 或 补丁 类 别 编号 是 否 为 空 
E 
if (Int32.Parse(Request["SortID"]) == 0) /判断 工具 或 补丁 类 别 编号 是 否 为 0 
{ 
this.Title = "企业 门户 网 一 一 工具 软件 下 载 "”// 设 置 页 面 标题 
labPageTitle.Text = "工具 软件 下 载 "; // 设 置 页 面 标识 
productoperate .Type = "工具 "; /为 ProductOperate 类 中 的 Type 实体 赋值 


} 
else if (Int32.Parse(Request["SortID") == 1) 。“”// 浏 断 工具 或 补丁 类 别 编号 是 否 为 1 


this.Title = "企业 门户 网 一 一 补丁 下 载 "; 
labPageTitle.Text = "补丁 下 载 "; 
productoperate.Type = "补丁 "; 


else 


this.Title = "企业 门户 网 一 一 产品 信息 "; 
if (Int32.Parse(Request["PID"]) == 0) /判断 产品 类 别 编 号 是 否 为 0 
{ 
labPageTitle. Text = "C#+ASP.NET"; 
productoperate.Type = "C#+ASP.NET"; 


} 
else if (Int32.Parse(Request["PID"]) == 1) /判断 产品 类 别 编号 是 否 为 1 


{ 
labPageTitle.Text = "Java+JSP"; 


productoperate.Type = "Java+JSP"; 


else if (Int32.Parse(Request["PID"]) == 2) // 判 断 产 品类 别 编号 是 否 为 2 


{ 
labPageTitle.Text = "ASP+PHP"; 


productoperate.Type = "ASP+PHP"; 


} 
else if (Int32.Parse(Request["PID"]) == 3) // 判 断 产品 类 别 编号 是 否 为 3 


{ 
labPageTitle.Text = "VC++"; 


productoperate.Type = "VC++"; 


上 
else if (Int32.Parse(Request["PID"]) == 4) /| 判断 产品 类 别 编号 是 否 为 4 
{ 

labPageTitle. Text = "VB"; 

productoperate. Type = "VB"; 


} 
else if (Int32.Parse(Request["PID"]) == 5) /判断 产品 类 别 编号 是 否 为 5 


{ 
labPageTitle. Text = "Delphi"; 
productoperate.Type = "Delphi"; 
} 
} 
ds = productoperate.FindProductByType("tb_Prodcut");// 根 据 类 别 查找 产品 信息 
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/设置 分 页 控件 的 可 视 化 状态 为 tue 
Label7.Visible = labPage.Visible = Label6.Visible = labBackPage.Visible 
= lbtnOne.Visible = lbtnUp.Visible = lbtnNext.Visible = lbtnBack.Visible = true; 
// 调 用 DataOperate 类 中 的 dlBind 方法 分 页 显示 各 类 别 的 产品 信息 
dataoperate.dIBind(15, ds, labPage, labBackPage, lbtnUp, lbtnNext, lbtnBack, 
lbtnOne, dllnfo); 
¥ 


产品 、 软 件 或 补丁 的 详细 信息 是 通过 在 Sort.aspx 页 面 的 HTML 代码 页 中 对 相应 的 Label 控件 绑 定 
进行 显示 的 ， 由 于 各 Label 控件 的 绑 定 方式 相同 ， 这 里 以 “产品 名 称 ” 为 例 介绍 ， 将 数据 表 中 的 Name 
字段 绑 定 到 “产品 名 称 ”Label 控件 上 的 代码 如 下 : 

倒 程 26 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\User\Sort.aspx 


<asp:Label ID="labName" runat="server" Font-Size="9pt" ><%# 
DataBinder.Eval(Container.Dataltem,"Name") %></asp:Label> 


Sortaspx 页 面 加 载 时 ， 首 先 判断 接收 的 参数 是 产品 、 软 件 或 补丁 编号 ， 还 是 类 别 编号 ， 如 果 是 产 
品 、 软 件 或 补丁 编号 ， 则 调用 BindInfo 方法 显示 数据 ， 如 果 是 类 别 编号 ， 则 调用 BindAllInfo 方法 显示 
数据 。Sort.aspx 页 面 的 Page_Load 事件 代码 如 下 : 

倒 程 27 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\User\Sort.aspx.cs 

protected void Page_Load(object sender, EventArgs e) 


if (!IsPostBack) // 判 断 页 面 是 否 首次 执行 


// 判 断 产 品 编号 是 否 为 空 

if (Request["TID"] = null || Request["MID"] = null || Request["NetID"] != 
null || Request["JavalD"] != null || Request["ASPID"] {= null || 
Request["VCID"] = null || Request["VBID"] != null || Request["DelphilD"] != null) 


Bindlnfo(); /显示 指定 产品 的 详细 信息 
} 
else 

BindAllinfo(); // 显 示 指 定 类 别 产 品 的 详细 信息 
上 


单 击 “ 点 击 下 载 ”超级 链接 ， 如 果 附件 存在 ， 则 下 载 指定 的 文件 ， 同 时 调用 公共 类 ProductOperate 
中 的 UpdateLoadNum 方法 更 新 文件 的 下 载 次 数 ， 否 则 弹出 “文件 不 存在 ”信息 提示 。 实 现下 载 功能 的 
代码 如 下 : 

倒 程 28 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\User\Sort.aspx.cs 

protected void dlinfo_UpdateCommand(object source, DataListCommandEventArgs e) 


/获取 DataList 控件 中 单 击 项 所 绑 定 的 主键 值 
productoperate.ID = dllnfo.DataKeys[e.ltem.ltemlndex].ToString(); 


@ 
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/根据 获得 产品 ID 获得 其 详细 信息 

DataSet ds=productoperate.FindProductByID("tb_Product"); 
// 获 得 产品 的 附件 路 径 ， 并 存储 在 一 个 字符 串 中 

string strPath = ds. Tables[0].Rows[0][14].ToString(); 


if (strPath (= ™") /判断 附件 路 径 是 否 存在 
{ 
Filelnfo FInfo = new Filelnfo(strPath); // 使 用 获得 的 路 径 创建 Filelnfo 对 象 
if (FInfo.Exists) /| 判断 附件 是 否 存在 
{ 
Response.Clear(); // 清 空 缓冲 区 
Response.ClearHeaders(); 1/ 清空 缓冲 区 头 
Response.Buffer = false; // 设 置 Response 对 象 不 可 以 缓冲 输出 
// 设 置 输出 流 的 HTTP MIME 类 型 
Response.ContentType = "application/octet-stream"; 
/将 HTTP 头 添加 到 输出 流 


Response.AddHeader("Content-Disposition", "attachment:filename=" + 
HttpUtility.UrlEncode(FiInfo.FullName, System. Text.Encoding.UTF8)); 

// 将 要 下 载 的 附件 的 大 小 添加 到 输出 流 

Response.AppendHeader("Content-Length", FInfo.Length. ToString()); 
Response.WriteFile(FInfo.FullName); // 将 指定 的 附件 写 入 输出 流 
Response.Flush(); // 向 客户 端 发 送 当前 所 有 缓冲 的 输出 
productoperate.LoadNum = Convert.Tolnt32(ds.Tables[0].Rows[0] 

[10].ToString()) + 1; 

productoperate.UpdateLoadNum!(); // 更 新 附件 的 下 载 次 数 


else 
Response.Write("<script>alert(' 文 件 不 存在 ')</script>"); 


} 
LinkButton 控件 分 别 用 来 实现 “第 一 页 ”、“ 上 一 页 ”、“ 下 一 页 ”和 “最 后 一 页 ”功能 ， 其 实 
现代 码 如 下 : 


倒 程 29 代码 位 置 资源 包 \TM\03\EnterpriseWeb\User\Sort.aspx.cs 
protected void lbtnOne_Click(object sender, EventArgs e) /第 一 页 


{ 
labPage.Text = "1"; 
BindAlllnfo(); 
protected void lbtnUp_Click(object sender, EventArgs e) /上 一 页 


{ 
labPage.Text = Convert.ToString(Convert.Tolnt32(labPage.Text) - 1); 
BindAllinfo(); 


# 
protected void lbtnNext_Click(object sender, EventArgs e) /下 一 页 


{ 
labPage.Text = Convert.ToString(Convert.Tolnt32(labPage.Text) + 1); 
BindAllinfo(); 


} 
protected void lbtnBack_Click(object sender, EventArgs e) /最 后 一 页 
{ 
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labPage.Text = labBackPage. Text; 
BindAllinfo(); 


3.8 ”留言 簿 模块 设计 


UN 


簿 模块 概述 


本 企业 门户 网 站 中 加 入 了 留言 短 模块 ， 以 方便 与 用 户 进行 沟通 。 作 为 企业 门户 网 站 的 留言 短 ， 通 
常情 况 下 只 有 留言 、 查 看 留言 和 回复 留言 的 功能 ， 但 对 于 注册 用 户 ， 登 录 之 后 还 可 以 删除 对 其 留言 进 
行 的 回复 。 留 言 页 面 运行 结果 如 图 3.19 所 示 。 

留言 详细 信息 及 回复 页 面 运行 结果 如 图 3.20 所 示 。 


ne EE 
可 有 大 由 和 留言 主题， 淡 前 生 隆 
录用 鲁 言 人 ， | 国名 
活动 来 大 天语。 区 时间， 2017-12- 1 
没有 随 不 过 击 的 坎 ， 言 F 二 ， 
时 比 守 了 要 到 吉 了 。 i 
生理 交 于 天 与 夏天 交 时 的 用 BT 
国 训 主题， 一 回复 人 。。 奋 名 。 回复 时 他 | 2017-12-12 0; on:00 | 机 除 
国 襄 内容, 加 PI 
售 二 赔 电 ?为 什么 呢 


回复 人 ， ”要 名 “回复 时 间 ，2017-12-12 0: 00:00 吊 除 


EE 
当前 页 码 为 ;[1] 总 顶 码 为 ; [1] 第 一 页 上 一 页 下 一 页 晤 EE 一 页 
当 间 页 镁 为 [1] 总 页 码 方 : [1] 总 一 页 上 一 豆 下 - 
3.19 留言 页 面 图 3.20 留言 详细 信息 及 回复 页 面 


3.8.2 留言 簿 模块 技术 分 析 


实现 留言 短 模 块 时 ， 主 要 用 到 了 第 三 方 组 件 FreeTextBox， 该 组 件 是 一 个 在 线 文 本 编辑 器 ， 可 以 对 
文字 及 图 片 内 容 进行 处 理 ， 并 将 数据 保存 到 数据 库 中 。FreeTextBox 组 件 的 配置 步骤 如 下 : 

(1) 将 FreeTextBox.dll 添加 到 项 目 中 

在 “解决 方案 资源 管理 器 ”中 用 鼠标 右键 单 击 项 目 ， 在 弹出 的 快捷 菜单 中 选择 “添加 引用 ”命令 ， 
在 弹出 的 对 话 框 中 选择 “浏览 ”选项 卡 ， 找 到 组 件 存放 位 置 ， 单 击 “ 确 定 ” 按 钮 ， 系 统 将 自动 创建 Bin 
文件 夹 ， 并 将 组 件 存 放 到 该 文件 夹 中 。“ 添 加 引用 ”对 话 框 如 图 3.21 所 示 。 


他- 
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图 3.21 “添加 引用 ”对 话 框 


(2) 设置 SupportFolder 属性 
将 存放 有 FreeTextBox 组 件 资源 文件 的 文件 夹 存放 到 aspnet_client 文件 夹 中 ， 然 后 设置 
SupplorFolder 属性 为 “aspnet_client/FreeTextBox/”。 
(3) 向 页 面 中 添加 组 件 
配置 完成 后 , 即 可 向 页 面 中 的 指定 位 置 添加 FreeTextBox 组 件 .在 向 页 面 中 添加 FreeTextBox 组 件 前 ， 
首先 需要 通过 代码 注册 该 组 件 ， 在 HIML 源码 顶部 添加 注册 代码 如 下 : 


<%@ Register TagPrefix="FTB" Namespace="FreeTextBoxControls" 
Assembly="FreeTextBox"%> 

在 HTML 源码 中 的 适当 位 置 添加 FreeTextBox 组 件 的 代码 如 下 : 
<FTB:FreeTextBox id="FreeTextBox1" runat="Server" Language="zh-cn" 
SupportFolder="../aspnet_client/FreeTextBox/" Height="190px" Width="480px" 
HtmlModeDefaultsToMonoSpaceFont="True" DownLevelCols="50" DownLevelRows="10" 
ButtonDownlmage="False" GutterBackColor="LightSteelBlue" 
ToolbarBackgroundlImage="True" ToolbarLayout="ParagraphMenu， 
FontFacesMenu,FontSizesMenu,FontForeColorsMenu| Bold,ltalic,Underline, 
Strikethrou gh;Superscript, Subscript, RemoveFormat|JustifyLeft, JustifyRight, 
JustifyCenter, JustifyFull;BulletedList,NumberedList,Ind ent, 
Outdent;CreateLink, Unlink,InsertImage,InsertRule|Cut,Copy, 
Paste;Undo,Redo,Print" ToolbarStyleConfiguration="NotSet" /> 


注册 完成 后 ， 回 到 设计 视图 ， 选 中 FreeTextBox 组 件 ， 进 行 相关 属性 设置 。 

(4) 写 入 数据 库 

完成 以 上 配置 后 ， 就 可 以 使 用 该 组 件 ， 例 如 ， 留 言 短 模 块 中 通过 FreeTextBox 组 件 输入 留言 内 容 ， 
并 将 输入 的 内 容 保存 到 数据 库 中 ， 关 键 代 码 如 下 : 


/为 LeaveWordOperage 类 中 的 留言 信息 实体 赋值 

leavewordoperate. Title = txtTitle. Text; 

leavewordoperate.Content = FreeTextBox1.Text; 
leavewordoperate.AddLeaveWord(); // 调 用 AddLeaveWord 方法 添加 留言 


oa 将 FreeTextBox 组 件 中 的 内 容 插入 数据 库 时 ， 需 要 在 Web.Config 文件 的 system.web 节 
下 加 入 <pages validateRequest="false"/>， 否 则 可 能 会 出 现 异常 。 
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3.8.3 


留言 簿 模块 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb LeaveWord、tb Revert 


留言 短 模 块 的 具体 实现 步骤 如 下 : 


(1) 新 建 一 个 基于 MasterPage.master 母 版 页 的 Web 页 面 ， 命 名 为 LeaveWord.aspx， 主 要 用 于 实 


现 查 看 留言 列表 和 留言 功能 ， 该 页 面 中 3 


E 要 用 到 的 控件 如 表 3.10 所 示 。 
表 3.10 留言 页 面 主要 用 到 的 控件 


控 件 类 型 控件 ID 主要 属性 设置 用 途 

国 Table 无 无 页 面 布局 

pA labPage 将 Text 属性 设置 为 “1” 显示 当前 页 码 
labBackPage 无 显示 总 页 

abl TextB ox txtTitle 无 
lbtnOne 将 Text 属性 设置 为 “第 一 页 ” 

ee lbtnUp 将 Text 属性 设置 为 “上 一 页 ” 
lbtnNext 将 Text 属性 设置 为 “下 一 页 ” 
lbtmBack 将 Text 属性 设置 为 “最 后 一 页 ” 

疼 FreeTextBox FreeTextBox1 无 输入 留言 内 容 

页 DatalList dlLeaveWord 将 RepeatColumns 属性 设置 为 “1” | 显示 留言 标题 
btnSubmit 将 Text 属性 设置 为 “留言 执行 留言 操作 

Button 2 a 
btnCancel 将 Text 属性 设置 为 “ 重 置 ” 清空 留言 主题 和 留言 内 容 


(2) 新 建 一 个 基于 MasterPage.master 母 版 页 的 Web 页 面 ， 命 名 为 LWordInfo.aspx， 主 要 用 于 实 
现 查 看 留言 详细 信息 和 回复 留言 的 功能 ， 该 页 面 中 主要 用 到 的 控件 如 表 3.11 所 示 。 


表 3.11 留言 详细 信息 及 回复 页 面 主要 用 到 的 控件 
控件 类 型 控件 ID 主要 属性 设置 用 途 
国 Table 无 无 页 面 布局 
labTitle 无 显示 留言 主题 
labHost 无 显示 留言 
labTime 无 显示 留言 时 间 
A Label Ep 
labContent 无 显示 留言 内 容 
labPage 将 Text 属性 设置 为 “1” 显示 当前 页 码 
labBackPage 无 显示 总 页 码 
lbtnDel 将 CommandName 属性 设置 为 “Delete”| 删除 回复 信息 
LinkButton 
lbtnOne 将 Text 属性 设置 为 “第 一 页 ” 第 一 页 
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续 表 
控件 类 型 控件 ID 主要 属性 设置 用 途 
lbmUp 将 Text 属性 设置 为 “上 一 页 ” 本 一 页 
lbtnNext 将 Text 属性 设置 为 “下 一 页 ” 下 一 页 
lbtnBack 将 Text 属性 设置 为 “最 后 一 页 ” 最 后 一 页 
FreeTextB ox FreeTextBox1l 无 输入 回复 内 容 
圈 Datalist dlRevertInfo 将 RepeatColumns 属性 设置 为 “1” 显示 回复 信息 
BE btnSubmit 将 Text 属性 设置 为 “留言 ” 执行 回复 操作 
btnCancel 将 Text 属性 设置 为 “ 重 置 ” 清空 回复 信息 


(3) 在 LeaveWord.aspx 页 面 中 ,首先 创建 公共 类 DataOperate 和 LeaveWordOperate 的 对 象 ， 以 便 
调用 其 中 的 方法 ， 代 码 如 下 : 
倒 程 30 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\User\LeaveWord.aspx.cs 


DataOperate dataoperate = new DataOperate(); /创建 DataOperate 对 象 
/创建 LeaveWordOperate 对 象 
LeaveWordOperate leavewordoperate = new LeaveWordOperate(); 


LeaveWord.aspx 页 面 的 后 台 代 码 中 自 定义 了 一 个 Bind 方 法 , 该 方法 用 来 从 数据 库 中 查找 留言 信息 ， 
并 显示 在 DataList 控件 中 。Bind 方法 的 实现 代码 如 下 : 
倒 程 31 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\User\LeaveWord.aspx.cs 


public void Bind() 


{ 
DataSet ds = null; // 创 建 一 个 DataSet 数据 集 


ds = leavewordoperate.GetAllLeaveWord("tb_LeaveWord"); /获取 所 有 留言 信息 
// 调 用 DataOperate 类 的 dlBind 方法 分 页 显示 所 有 的 留言 信息 
dataoperate.dlBind(15, ds, labPage, labBackPage, lbtnUp, lbtnNext, lbtnBack, 
lIbtnOne, dlLeaveWord); 
} 


LeaveWord.aspx 页 面 在 加 载 时 ， 首 先 设置 页 面 标题 和 第 三 方 组 件 FreeTextBox 的 字体 ， 然 后 调用 
自 定义 方法 Bind 对 DataList 控件 进行 数据 绑 定 。LeaveWord.aspx 页 面 的 Page_Load 事件 代码 如 下 : 

倒 程 32 代码 位 置 资源 包 \TM\03\EnterpriseWeb\User\LeaveWord.aspx.cs 

protected void Page_Load(object sender, EventArgs e) 


{ 

this.Title = "企业 门户 网 一 一 留言 簿 "; // 设 置 页 面 标题 
/初始 化 FreeTextBox 组 件 中 的 字体 

FreeTextBox1.FontFacesMenuList = dataoperate.strFont(); 


if (UsPostBack) // 刊 断 页 面 是 否 首次 执行 
{ 

Bind(); // 调 用 Bind 方法 显示 留言 信息 
} 
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在 LeaveWord.aspx 页 面 中 单 击 “ 留 言 ”按钮 ， 首 先 判断 留言 主题 或 内 容 是 否 为 空 ， 如 果 为 空 ， 弹 
出 信息 提示 ， 和 否则 调用 LeaveWordOperate 类 中 的 AddLeaveWord 方法 添加 留言 信息 。“ 留 言 ”按钮 的 
Click 事件 代码 如 下 : 

倒 程 33 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\User\LeaveWord.aspx.cs 

protected void btnSubmit_Click(object sender, EventArgs e) 


if (txtTitle. Text == "" || FreeTextBox1.Text == "") // 淹 断 留言 主题 、 内 容 是 否 为 空 
Response.Write("<scriptlanguage=javascript>alert(' 留 言 主题 或 内 容 不 能 为 空 ! ')</script>"); 
} 
else 
{ 
DataSet ds = null; // 创 建 一 个 DataSet 数据 集 
/获取 所 有 留言 信息 
ds = leavewordoperate.GetAllLeaveWord("tb_LeaveWord"); 
// 自 动 生成 留言 编号 
leavewordoperate.ID = dataoperate.getlD("tb_LeaveWord", ds); 
if (Request["Name"] != null) /| 判断 用 户 是 否 登录 
{ 
leavewordoperate.Host = Request["Name"].ToString(); 
. 
else 
{ 


leavewordoperate.Host = "匿名 "; 


} 
// 为 LeaveWordOperage 类 中 的 留言 信息 实体 赋值 
leavewordoperate. Title = txtTitle. Text; 
leavewordoperate.Content = FreeTextBox1.Text; 
leavewordoperate.AddLeaveWord(); /调用 AddLeaveWord 方法 添加 留言 
txtTitle.Text = FreeTextBox1.Text = String.Empty; 


} 
Bind(); 

} 

在 LWrodInfo.aspx 页 面 的 后 台 代码 中 自 定义 了 两 个 方法 , 分 别 为 Bind 方法 和 deleteInfo 方法 。Bind 
方法 用 来 根据 接收 的 留言 编号 从 数据 库 中 查找 相关 回复 信息 ， 并 显示 在 DataList 控件 中 。Bind 方法 的 
实现 代码 如 下 : 

倒 程 34 ”代码 位 置 : 资源 包 \TM\03\EnterpriseWeb\User\LeaveWord.aspx.cs 

private void Bind() 


和 
DataSet ds = null; /| 创建 一 个 DataSet 数据 集 
revertoperate.LeavelD = Request["LWordID"].ToString(); /接收 留言 编号 
ds = revertoperate.FindRevertByLID("tb_Revert"); /根据 留言 编号 找到 回复 信息 
/1 调用 DataOperate 类 中 的 dlBind 方法 分 页 显示 回复 信息 
dataoperate.dlBind(8, ds, labPage, labBackPage, lbtnUp, lbtnNext, IlbtnBack,lbtnOne, dIRevertlinfo); 
} 
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deleteInfo 方法 用 来 根据 指定 的 回复 编号 删除 回复 信息 ， 其 实现 代码 如 下 : 


倒 程 35 ”代码 位 置 : 资源 包 \TM\03\EnterpriseWeb\User\LWordInfo.aspx.cs 
private void deletelnfo(string revertid) 


{ 
revertoperate.ID = revertid; // 获 得 回复 编号 
revertoperate.DeleteRevert(); /| 调用 DeleteRevert 方法 删除 回复 信息 
Response.Write("<script>alert(' 已 成 功 删除 回复 信息 ')</script>"); 
Bind(); 

} 


LWrodInfo.aspx 页 面 在 加 载 时 ， 首 先 设置 页 面 标题 和 第 三 方 组 件 FreeTextBox 的 字体 , 然后 根据 接 
收 的 留言 编号 ， 从 数据 库 中 查找 其 详细 信息 ， 并 显示 在 相应 的 Label 控件 中 ， 最 后 调用 方法 Bind 显示 
该 留言 所 对 应 的 回复 信息 。LWrodInfo.aspx 页 面 的 Page_Load 事件 代码 如 下 : 

倒 程 36 代码 位 置 ， 资 源 包 \TM\03\EnterpriseWeb\User\LeaveWord.aspx.cs 


protected void Page_Load(object sender, EventArgs e) 
{ 


this.Title = "企业 门户 网 一 一 留言 详细 信息 "; // 设 置 页 面 标 题 
/初始 化 FreeTextBox 组 件 的 字体 
FreeTextBox1.FontFacesMenuList = dataoperate.strFont(); 
if (!IsPostBack) /| 判断 页 面 是 否 首次 运行 
{ 
DataSet ds = null; // 创 建 一 个 DataSet 数据 集 
leavewordoperate.ID = Request["LWordID"] ToString(); 。“// 接 收留 言 编号 
// 根 据 留 言 编号 查找 其 回复 信息 
ds = leavewordoperate.FindLeaveWordByID("tb_LeaveWord"); 
// 将 回复 信息 显示 在 相应 的 Label 控件 中 
labTitle.Text = ds.Tables[0].Rows[0][1].ToString(); 
labHost.Text = ds.Tables[0].Rows[0][2].ToString(); 
labTime.Text = ds.Tables[0].Rows[0][3].ToString(); 
labContent.Text = ds.Tables[0].Rows[0][4].ToString(); 
Bind(); 


} 

在 LWrodInfo.aspx 页 面 中 单 击 “ 回 复 ”按钮 ， 首 先 判断 回复 内 容 是 否 为 空 ， 如 果 为 空 ， 则 弹出 信 
息 提 示 ， 否 则 调用 RevertOperate 类 中 的 AddRevert 方法 添加 回复 信息 ,同时 调用 自 定义 方法 Bind 重新 
显示 最 新 的 回复 信息 。“ 回 复 ” 按 钮 的 Click 事件 代码 如 下 : 

倒 程 37 ”代码 位 置 : 资源 包 \TM\03\EnterpriseWeb\User\LeaveWord.aspx.cs 

protected void btnSubmit_Click(object sender, EventArgs e) 


if (FreeTextBox1.Text == "") /独断 回复 内 容 是 否 为 空 
Response.Write("<script language=javascript>alert(' 回 复 内 容 不 能 为 空 ! ')</script>"); 

} 

else 


{ 
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DataSet ds = null; 


/创建 一 个 DataSet 数据 集 


ds = revertoperate.GetAllRevert("tb_Revert"); /获取 所 有 回复 信息 
revertoperate .ID = dataoperate.getID("tb_Revert", ds): // 自 动 生成 回复 编号 
revertoperate.LeavelD = Request["LWordID"] ToString(); ”// 接 收留 言 编号 
if (Session["Name"] != null) /判断 用 户 是 否 登录 
revertoperate.RevertUser = Session["Name"].ToString(); 
} 
else 
{ 
revertoperate.RevertUser=" 匿 名 "; 
} 


revertoperate.Content = FreeTextBox1.Text; 
revertoperate.AddRevert(); 
FreeTextBox1.Text = string.Empty; 

Bind(); 


} 


// 设 置 回复 内 容 
/| 调用 AddRevert 方法 添加 回复 信息 


在 LWrodInfo.aspx 页 面 中 单 击 “ 删 除 ”超级 链接 ， 首 先 判断 用 户 是 否 登录 ， 如 果 已 经 登录 ， 则 判 
断 用 户 是 不 是 该 留言 的 版 主 或 管理 员 , 如 果 是 , 则 调用 自 定义 方法 deleteInfo 方法 删除 指定 的 回复 信息 。 


实现 删除 回复 信息 的 主要 代码 如 下 : 


倒 程 38 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\User\LeaveWord.aspx.cs 
protected void dlRevertinfo_DeleteCommand(object source, DataListCommandEventArgs e) 


/获取 当前 DataList 控件 列 
string revertid = dlIRevertlnfo.DataKeys[e.ltem.ltemlndex].ToString(); 


if (Session["Name"]!= null) 
if (Session["Name"].ToString() == labHost. Text) 


deletelnfo(revertid); 


} 
} 
else if (Session["POP"] != null) 


deletelnfo(revertid); 


// 判 断 用 户 是 否 登录 
/判断 登录 用 户 是 否 留言 人 
// 如 果 是 ， 则 可 以 删除 回复 信息 


// 判 断 登录 用 户 是 不 是 管理 员 
// 如 果 是 ， 则 可 以 删除 回复 信息 


3.9 产品 信息 管理 模块 设计 


品 信息 管理 模块 概述 


产品 管理 模块 主要 对 公司 的 产品 信息 进行 各 种 操作 ， 其 中 主要 包括 添加 产品 信息 、 修 改 产 品 信息 、 


删除 产品 信息 和 查询 产品 信息 等 操作 。 产 品 信息 管理 页 面 运行 结果 如 图 3.22 所 示 。 


@ 
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图 3.22 产品 信息 管理 页 面 


3.9.2 ”产品 信息 管理 模块 技术 分 析 


口 
产品 信 


息 管理 模块 实现 时 ， 主 要 使 用 ADO.NET 技术 对 产品 信和 
操作 ， 具 体 实现 时 ， 主 要 是 通过 调用 ProductOperate 类 中 的 相关 方法 实现 的 。ProductOperate 类 是 用 户 
自 定义 的 一 个 产品 操作 类 ,其 中 封装 了 与 产品 相关 的 信息 及 各 种 操作 方法 , 它 的 实现 原理 与 UserOperate 
长 〈 用 户 操作 类 ) 类似 ， 都 是 建立 在 数据 层 (DataBase.cs 数据 库 操作 类 ) 的 基础 上 。ProductOperate 
类 的 实现 代码 请 参见 本 书 附 带 资源 包 中 的 源 代码 ， 这 里 不 再 详细 讲解 。 


3.9.3 ”产品 信息 管理 模块 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb_Product 
产品 信息 管理 模块 的 具体 实现 步骤 如 下 : 
(1) 新 建 一 个 基于 MasterPage.master 母 版 页 的 Web 页 面 ， 命 名 为 ProductManage.aspx， 主 要 用 于 
对 产品 信息 进行 添加 、 修 改 、 删 除 和 查询 等 操作 ， 该 页 面 中 主要 用 到 的 控件 如 表 3.12 所 示 。 


进行 添加 、 修 改 、 删 除 和 查询 等 


表 3.12 产品 信息 管理 页 面 主要 用 到 的 控件 


主要 属性 设置 用 途 
| 输入 产品 名 称 
| 输入 版 本 


abl TextB ox txtEnvironment 输入 运行 环境 
txtIntroduce 将 TextMode 属性 设置 为 “MultiLine” | 输入 介绍 
txtRemark 将 TextMode 属性 设置 为 “MultiLine” | 输入 备注 
txtCondition 无 
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续 表 
控件 类 型 控件 ID 主要 属性 设置 用 途 
在 Items 属性 中 添加 6 个 子 项 ，Text 文 
国 DropDownList ddlType ee Re 选择 产品 类 别 
“VB” 和 “Delphi” 
乌 FileUpload uploadPhoto 无 选择 要 上 传 的 产品 图 片 
Image imgPhoto 无 显示 上 传 的 产品 图 片 
btnShow 将 Text 属性 设置 为 “显示 ” 上 传 并 显示 产品 图 片 
bmAdd 将 Text 属性 设置 为 “添加 ” 添加 产品 信息 
Button btmnEdit 将 Text 属性 设置 为 “修改 ” 修改 产品 信息 
将 Text 属性 设置 为 “取消 ” 清空 文本 框 
binQue 将 Text 属性 设置 为 “查询 ” 按 指定 条 件 查询 产品 信息 
将 AllowPaging 属性 设置 为 “tme”， 
AutoGenerateColumns 属性 设置 为 
困 Gridview ee 显示 产品 基本 信息 
LinkButton 控件 的 CommandName 属性 
设置 为 “select” 


(2) 在 ProductManage.aspx 页 面 中 ,首先 创建 公共 类 DataOperate 和 ProductOperate 的 对 象 ， 以 便 
调用 其 中 的 方法 ， 代 码 如 下 : 
倒 程 39 ”代码 位 置 : 资源 包 \TM\03\EnterpriseWeb\Manager\ProductManage.aspx.cs 


DataOperate dataoperate = new DataOperate(); /创建 DataOperate 对 象 
ProductOperate productoperate = new ProductOperate(); // 创 建 ProductOperate 对 象 


ProductManage.aspx 页 面 中 自 定义 了 一 个 BindInfo 方法 , 该 方法 用 来 根据 接收 的 类 别 编 号 和 输入 的 
查询 条 件 获取 指定 的 产品 信息 ， 并 显示 在 GridView 控件 中 。BindInfo 方法 的 实现 代码 如 下 : 

倒 程 40 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\Manager\ProductManage.aspx.cs 

private void BindInfo() 


{ 
DataSet ds = null; // 创 建 一 个 DataSet 数据 集 
int intPID = Int32.Parse(Request["PID"]); /接收 产品 类 别 编号 
Switch (intPID) 
{ 
case 0: 
productoperate. Type = "C#+ASP.NET"; /为 ProductOperate 类 中 的 类 别 赋值 
ddIType.Text = "C#+ASP.NET"; // 将 下 拉 列 表 的 选项 设 为 指定 类 别 
break; // 跳 出 循环 
Case 1: 


productoperate.Type = "Java+JSP"; 
ddIType.Text = "Java+JSP"; 
break; 


@ 
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case 2: 
productoperate.Type = "ASP+PHP"; 
ddIType.Text = "ASP+PHP"; 
break; 

Case 3: 
productoperate.Type = "VC++"; 
ddIType.Text = "VC++"; 
break: 

case 4: 
productoperate.Type = "VB"; 
ddIType.Text = "VB"; 
break; 

case 5: 
productoperate.Type = "Delphi"; 
ddIType.Text = "Delphi"; 
break; 


} 
if (txtCondition. Text == "™") 


1/ 根据 类 别 获得 所 有 产品 信息 
ds = productoperate.FindProductByType("tb_Prodcut"); 
} 
else 
‘ 
productoperate.Name = txtCondition. Text; /为 ProductOperate 类 中 的 名 称 赋值 
/根据 名 称 和 类 别 获得 产品 信息 
ds = productoperate.FindProductByNT("tb_Product"); 
} 
gvPlnfo.DataSource = ds; // 设 置 GridView 控件 数据 源 
gvPlInfo.DataKeyNames = new string[] { "ID" }; // 设 置 GridView 控件 绑 定 的 主键 名 
gvPlnfo.DataBind(); // 对 GridView 控件 进行 绑 定 


ProductManage.aspx 页 面 加 载 时 ， 调 用 自 定 义 方法 BindInfo 在 GridView 控件 中 显示 指定 类 别 的 产 
品 信息 ， 其 实现 代码 如 下 : 

倒 程 41 代码 位 置 : 资源 包 \TM\03\EnterpriseWeb\Manager\ProductManage.aspx.cs 

protected void Page_Load(object sender, EventArgs e) 


if (!lsPostBack) // 判 断 页 面 是 否 首次 执行 
Bindlnfo(); // 调 用 Bindlnfo 方法 显示 产品 信息 
} 


} 


单 击 “添加 ”按钮 ， 首 先 判断 输入 的 产品 名 称 是 否 为 空 ， 如 果 为 空 ， 则 弹出 信息 提示 ， 和 否则 调用 
DataOperate 类 中 的 validateNum 方法 判断 “价格 ”文本 框 中 输入 的 是 否 为 数字 ， 如 果 是 数字 ， 则 调用 
ProductOperate 类 中 的 AddProduct 方法 将 产品 信息 添加 到 数据 库 中 。“ 添 加 ”按钮 的 Click 事件 代码 如 下 : 
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倒 程 42 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\Manager\ProductManage.aspx.cs 


protected void btnAdd_Click(object sender, EventArgs e) 


他 


if (txtName.Text == string.Empty) /判断 产品 名 称 是 否 为 空 


{ 
3 


else 


{ 
} 


else 


{ 


Response.Write("<script language=javascript>alert(' 产 品名 称 不 能 为 空 ! ') </script>"); 
if (Idataoperate.validateNum(txtPrice. Text)) /判断 价格 的 输入 格式 是 否 正 确 


Response.Write("<scriptlanguage=javascript>alert(' 价 格 输入 必须 为 数字 ! ')</script>"); 


productoperate .Name = txtName. Text; 1/ 获取 产品 名 称 
int intPID = Int32.Parse(Request["PID"]); /接收 产品 类 别 编号 
Switch (intPID) 
{ 
case 0: 
productoperate.Type = "C#+ASP.NET"; /为 ProductOperate 类 中 的 类 别 赋值 
break; // 跳 出 循环 
case 1: 
productoperate. Type = "Java+JSP"; 
break; 
case 2: 
productoperate. Type = "ASP+PHP"; 
break; 
case 3: 
productoperate.Type = "VC++"; 
break; 
case 4: 
productoperate. Type = "VB"; 
break; 
case 5: 
productoperate.Type = "Delphi"; 
break; 


} 
/根据 产品 名 称 和 类 别 获 得 产品 信息 
DataSet ds = productoperate.FindProductByNT("tb_Product"); 


if (ds.Tables[0].Rows.Count > 0) // 判 断 数 据 库 是 否 已 经 存在 该 产品 
{ 

Response.Write("<script language=javascript>alert(' 该 产品 已 经 存在 ! ')</script>"); 

txtName. Text = string.Empty; /清空 “产品 名 称 ” 文 本 框 

txtName.Focus(); /使 “产品 名 称 ” 文 本 框 获得 焦点 
else 

ds = null; /清空 DataSet 数据 集 

ds = productoperate.GetAllProduct("tb_Product");// 获 得 所 有 产品 信息 

/自动 生成 产品 编号 


productoperate.ID = dataoperate.getlD("tb_Product", ds); 
/为 ProductOperate 类 中 的 产品 信息 实体 赋值 
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} 


productoperate.Name = txtName. Text; 
productoperate.Edition = txtEdition. Text; 
productoperate.Price = Convert.ToDecimal(txtPrice. Text); 
productoperate.Photo = imgPhoto.ImageUrl; 
productoperate.Type = ddiType.Text; 
productoperate.Environment = txtEnvionment. Text; 
productoperate.Introduce = txtIntroduce. Text; 
productoperate.Remark = txtRemark. Text; 


productoperate.AddProduct(); // 调 用 AddProduct 方法 添加 产品 
Response.Write("<script language=javascript>alert(' 产 品 添加 成 功 ! ') </script>"); 
clearData(); /清空 各 文本 框 

Bindlnfo(); 


当 在 GridView 控件 中 单 击 “ 选 择 ” 超 级 链接 时 ， 将 选中 的 产品 信息 显示 在 相应 的 文本 框 中 ， 实 现 
代码 如 下 : 

倒 程 43 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\Manager\ProductManage.aspx.cs 

protected void gvPlnfo_SelectedlndexChanged(object sender, EventArgs e) 


} 


DataSet ds = null; // 创 建 一 个 DataSet 数据 集 

// 获 得 选择 的 行 的 产品 编号 

productoperate.ID = gvPlInfo.SelectedDataKey.Value.ToString(); 

// 使 用 Session 记录 选择 的 产品 编号 

Session["id"] = gvPlInfo.SelectedDataKey.Value.ToString(); 

ds = productoperate.FindProductByID("tb_Product"); /根据 产品 编号 获得 其 所 有 信息 
/将 获得 的 产品 信息 显示 在 相应 的 文本 框 、 下 拉 列 表 和 Image 控件 中 

txtName.Text = ds.Tables[0].Rows[O][1].ToString(); 

txtEdition.Text = ds.Tables[0].Rows[0][2].ToString(); 

txtPrice.Text = ds.Tables[0].Rows[0][3].ToString(); 

imgPhoto.ImageUrl = ds.Tables[0].Rows[0][6].ToString(); 

ddIType.Text = ds.Tables[0].Rows[0][7].ToString(); 

txtEnvionment.Text = ds.Tables[0].Rows[0][11].ToString(); 

txtintroduce. Text = ds.Tables[0].Rows[0][12].ToString(); 

txtRemark.Text = ds.Tables[0].Rows[0][13].ToString(); 

btnAdd.Enabled = false; // 将 “添加 ”按钮 设置 为 可 用 状态 


单 击 “ 修 改 ” 按 钮 ， 判 断 是 否 选中 了 要 修改 的 产品 ， 如 果 是 ， 则 调用 ProductOperate 类 中 的 
UpdataProduct 方法 修改 指定 的 产品 信息 ， 否 则 弹出 “请 选择 要 修改 的 产品 ”信息 提示 。“ 修 改 ” 按 钮 
的 Click 事件 代码 如 下 : 

倒 程 44 代码 位 置 ， 资源 包 \TM\03\EnterpriseWeb\Manager\ProductManage.aspx.cs 

protected void btnEdit_Click(object sender, EventArgs e) 


{ 


if (Session["id"] (= null) 


if (txtName.Text == string.Empty) /| 判断 产品 名 称 是 否 为 空 


@ 
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{ 


Response.Write("<script language=javascript>alert(' 产 品名 称 不 能 为 空 ! ')</script>"); 


和 
else if (Idataoperate.validateNum(txtPrice. Text)) /| 判断 价 格 的 输入 格式 是 否 合法 


{ 
Response.Write("<script language=javascript>alert(' 价 格 输入 必须 为 数字 ! ')</script>"); 
} 
else 
{ 
productoperate.ID = Session["id"].ToString(); 。“”// 获 得 选择 的 产品 编号 
// 为 ProductOperate 类 中 的 产品 信息 实体 赋值 
productoperate.Name = txtName. Text; 
productoperate.Edition = txtEdition. Text; 
productoperate.Price = Convert.ToDecimal(txtPrice. Text); 
productoperate.Photo = imgPhoto.ImageUrl; 
productoperate.Type = ddIType.Text; 
productoperate.Environment = txtEnvionment. Text; 
productoperate.Introduce = txtIntroduce. Text; 
productoperate.Remark = txtRemark.Text; 
productoperate .UpdateProduct(); // 调 用 UpdateProduct 方法 修改 产品 
Response.Write("<script language=javascript>alert(' 产 品 信息 修改 成 功 ! ')</script>"); 
} 
} 
else 
{ 
Response.Write("<script language=javascript>alert(' 请 选择 要 修改 的 产品 ! ')</script>"); 
} 
Bindlnfo(); 


} 


当 在 GridView 控件 中 单 击 “ 删 除 ” 超 级 链接 时 ， 调 用 ProductOperate 类 中 的 DeleteProduct 方法 删 


除 选中 的 产品 信息 ， 实 现代 码 如 下 : 


倒 程 45 


代码 位 置 : 资源 包 \TM\03\EnterpriseWeb\Manager\ProductManage.aspx.cs 


protected void gvPlnfo_RowDeleting(object sender, GridViewDeleteEventArgs e) 


// 获 取 要 删除 的 产品 编号 

productoperate.ID = gvPlnfo.DataKeys[e.Rowlndex].Value.ToString(); 
productoperate.DeleteProduct(); /调用 DeleteProduct 方法 删除 产品 
Bindlinfo(); 


单 击 “ 查 询 ” 按 钮 ， 调 用 自 定义 方法 BindInfo 按 指定 条 件 查询 信息 ， 并 显示 在 GridView 控件 中 。 


“查询 ”按钮 的 Click 事件 代码 如 下 : 


倒 程 46 


代码 位 置 : 资源 包 \TM\03\EnterpriseWeb\Manager\ProductManage.aspx.cs 


protected void btnQuery_Click(object sender, EventArgs e) 


Bindlnfo(); /根据 指定 条 件 查询 产品 信息 
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3.10 文件 清单 


为 了 帮助 读者 了 解 企 业 门 户 网 站 的 文件 构成 , 现 以 表格 形式 列 出 程序 的 文件 清单 , 如 表 3.13 所 示 。 
表 3.13 程序 文件 清单 


文 件 名 说 明 
DataBase.cs 数据 库 操作 类 
DataOperate.cs 基础 数据 操作 类 
ASPProduct.ascx 用 户 控 件 文件 显示 ASP 相关 产品 
CallBoard.ascx 显示 公告 列表 
checkcode.aspx 网 页 文件 生成 图 片 验 证 码 
DelphiProduct.ascx 显示 Delphi 相关 产品 
HotNews.ascx 显示 热点 新 闻 列 表 
JavaProduct.ascx 显示 Java 相关 产品 
LimitPop.aspx 权限 限制 页 
Link.ascx 显示 友情 链接 信息 
Login.ascx 用 户 登录 
MasterPage.master 母 版 页 (包含 网 站 中 的 公共 部 分 ) 
MendSort.ascx. 显示 下 载 次 数 排行 
NetProduct.ascx 显示 NET 相关 产品 
ToolsSort.ascx 显示 工具 列表 
VBProduct.ascx 显示 VB 相关 产品 
VCProduct.ascx 显示 VC 相关 产品 
AdminManage.aspx 管理 员 管理 页 面 
BoardAndNewManage.aspx, 公告 及 新 闻 管理 页 面 
EngageManage.aspx 招聘 信息 管理 页 面 
LinkManage.aspx 友情 链接 管理 页 面 
Login.aspx 管理 员 登 录 页 面 
LWordInfo.aspx 管理 员 回 复 留言 信息 页 面 
LwordManage.aspx 留言 管理 页 面 
ProductManage.aspX 产品 管理 页 面 
ToolsAndMendManage.aspX 工具 及 下 载 管理 页 面 
UserInfo.aspx 用 户 详细 信息 页 面 
UserManage.aspx 用 户 管理 页 面 
CallBoardAndNews.aspx 公告 及 新 闻 列 表 页 面 
CNInfo.aspx 公告 及 新 闻 详细 信息 页 面 
EngageInfo.aspx 招聘 信息 页 面 
GetPwd.aspx 找 回 密码 页 面 
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续 表 

文 件 名 文件 类 型 说 了 明 
InName.aspx 输入 用 户 名 页 面 
InResultaspx 输入 问题 答案 页 面 
LeaveWord.aspx 留言 页 面 
LWordInfo.aspx, 查看 留言 及 其 回复 信息 页 面 
Register.aspx, 用 户 注册 页 面 
RegPro.aspx 网 页 文件 注册 协议 页 面 
Sort.aspx 网 页 文件 查看 产品 详细 信息 页 面 
EnterpriseWeb.sln 解决 方案 资源 文件 解决 方案 资源 文件 
Default.aspx 网 页 文件 主页 面 
licenses licx 通行 证 文件 第 三 方 控件 通行 证 
CSSess 样式 文件 
Web.Confi 网 页 配置 文件 


3.11 开发 技巧 与 难点 分 析 


在 开发 企业 门户 网 站 过 程 中 ， 笔 者 遇 到 了 一 些 问 题 ， 现 在 将 这 些 问 题 及 其 解析 与 读者 分 享 ， 希 望 
对 读者 的 学 习 有 一 定 的 帮助 。 


3.11.1 如何 生成 图 片 验证 码 


目前 ， 网 站 为 了 防止 用 户 恶 意 注册 、 登 录 和 洪水， 一 般 都 采用 了 验证 码 技术 ， 所 谓 验证 码 ， 就 是 
随机 产生 的 一 组 字符 串 。 

为 了 更 好 地 维护 网 络 安全 , 本 企业 门户 网 站 中 实现 了 图 片 验证 码 , 其 实现 原理 是 , 首先 使 用 Random 
类 随机 生成 一 组 字符 串 (包括 数字 和 字母 ), 然后 使 用 GDI+ 绘 图 技术 将 随机 生成 的 字符 串 绘 制 成 图 片 ， 
输出 到 页 面 中 。 生 成 图 片 验证 码 的 关键 代码 如 下 : 


private string GenerateCheckCode() 
€ 


int number; 
char code; 
string checkCode = String.Empty; /定义 一 个 变量 ， 存 储 验 证 码 字 符 串 
System.Random random = new Random(); /创建 Random 对 象 
for (inti=0;i<4;i++) 
{ 
number = random.Next(); // 调 用 Next 方法 返回 一 个 随机 数 


/通过 判断 生成 的 随机 数 的 奇偶 性 确定 验证 码 字符 串 中 的 某 一 位 是 数字 还 是 字母 
if (number % 2 == 0) 

code = (char)('0' + (char)(number % 10)); 
else 


@ 
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code = (char)('A' + (char)(number % 26)); 
checkCode += code.ToString(); /组 合 新 的 验证 码 字符 串 


/使 用 Cookie 记录 生成 的 验证 码 字符 串 
Response.Cookies.Add(new HttpCookie("CheckCode", checkCode)); 
return checkCode:; 


} 
private void CreateCheckCodelmage(string checkCode) 
// 判 断 验 证 码 是 否 为 空 
if (checkCode == null || checkCode.Trim() == String.Empty) 
return; 


/根据 验证 码 字符 串 的 长 度 创建 一 个 Bitmap 对 象 
System.Drawing.Bitmap image = new System.Drawing.Bitmap ((int)Math.Ceiling((checkCode.Length * 


12.5)), 22); 
Graphics g = Graphics.Fromlmage(image); /创建 Graphics 对 象 
ty 
和 
Random random = new Random(); /生成 随机 生成 器 
g.Clear(Color.White); // 清 空 图 片 背 景色 
/画图 片 的 背景 噪音 线 
for(inti=0;i<2;i++) 
{ 
int x1 = random.Next(image.Width); 
int x2 = random.Next(image.Width); 
int y1 = random.Next(image.Height); 
int y2 = random.Next(image.Height); 
g.DrawLine(new Pen(Color.Black), x1, y1, x2, y2); 
} 
Font font = new System.Drawing.Font("Arial", 12, (System.Drawing. 
FontStyle.Bold | System.Drawing.FontStyle.ltalic)); /定义 绘制 图 片 的 字体 
/定义 绘制 图 片 的 画 刷 


System.Drawing.Drawing2D.LinearGradientBrush brush = new System. 
Drawing.Drawing2D.LinearGradientBrush(new Rectangle(0, 0, 
image.Width, image.Height), Color.Blue, Color.DarkRed, 1.2f, true); 
g.DrawString(checkCode, font, brush, 2, 2); // 将 验证 码 字 符 串 绘制 成 图 片 


/画图 片 的 前 景 噪音 点 
for(inti=0;i< 100; i++) 
是 


int x = random.Next(image.Width); 
int y = random.Next(image.Height); 
image.SetPixel(x, y, Color.FromArgb(random.Next())); 


. 
// 画 图 片 的 边框 线 
g.DrawRectangle(new Pen(Color.Silver), 0, 0, image.Width - 1,image.Height - 1); 
System.IO.MemoryStream ms = new System.IO.MemoryStream(); 
// 将 验证 码 以 GIF 格式 保存 在 内 存 数据 流 中 


image.Save(ms, System.Drawing.Imaging.ImageFormat.Gif); 


Response.ClearContent(); // 清 空 缓冲 区 的 所 有 内 容 输 出 
Response.ContentType = "image/Gif' // 设 置 输出 流 的 HTTP MIME 类 型 
Response.BinaryWrite(ms.ToArray()); /将 图 片 以 二 进 制 格式 写 入 输出 流 中 
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} 

finally 
g.Dispose(); /释放 Graphics 对 象 资源 
image.Dispose(); /释放 Bitmap 对 象 资源 


3.11.2 ”通过 DataList 分 页 显示 信息 


在 企业 门户 网 站 的 开发 实现 过 程 中 ， 很 多 地 方 都 用 到 了 DataList 分 页 技术 。 相 对 GridView 中 自 带 
的 分 页 功能 来 说 , DataList 分 页 技术 则 需要 开发 人 员 通 过 手动 编写 代码 的 方式 来 实现 , 这 使 得 开发 人 员 


在 选择 分 页 时 更 加 自由 ， 下 面 对 DataList 分 页 技术 进行 详细 讲解 。 


DataList 控件 的 分 页 实现 是 借助 PagedDataSource 类 实现 的 ， 该 类 封装 了 数据 控件 的 分 页 属性 ， 其 
常用 属性 及 说 明 如 下 。 


国 办 办 办 办 多 办 多 


AllowPaging: 获取 或 设置 是 否 启用 分 页 。 
AllowCustomPaging: 获取 或 设置 是 否 启用 自 定义 分 页 。 
CurrentPageIndex: 获取 或 设置 当前 显示 页 的 索引 。 
DataSource: 获取 或 设置 用 于 填充 控件 中 项 的 源 数据 。 
PageSize: 获取 或 设置 要 在 数据 绑 定 控件 的 每 页 上 显示 的 项 数 。 
PageCount: 获取 显示 数据 绑 定 控件 中 各 项 所 需 的 总 页 数 。 
FirstIndexPage: 获取 页 中 的 第 一 个 索引 。 

IsFirstPage: 获取 一 个 值 ， 该 值 指示 当前 页 是 否 是 首页 。 
IsLastPage: 获取 一 个 值 ， 该 值 指示 当前 页 是 否 是 最 后 一 页 。 


本 企业 门户 网 站 中 的 DataList 分 页 实现 封装 在 DataOperate 类 中 ， 关 键 代码 如 下 : 


public void dlBind(int intCount,DataSet ds,Label labPage,Label 
labTPage,LinkButton lbtnUp,LinkButton lbtnNext,LinkButton lbtnBack,LinkButton lbtnOne,DataList dl) 
{ 


int curpage = Convert.Tolnt32(labPage.Text); /获取 当前 页 

PagedDataSource ps = new PagedDataSource(); /| 创建 PagedDataSource 对 象 
ps.DataSource = ds.Tables[0].DefaultView; /为 PagedDataSource 对 象 指定 数据 源 
ps.AllowPaging = true; /是 否 可 以 分 页 

ps.PageSize = intCount; /显示 的 数量 

ps.CurrentPagelndex = curpage - 1; // 取 得 当前 页 的 页 码 


lbtnUp.Enabled = true; 
lbtnNext.Enabled = true; 
lbtnBack.Enabled = true; 
lbtnOne.Enabled = true; 


if (curpage == 1) 
lbtnOne.Enabled = false; /不 显示 “第 一 页 ”按钮 
IbtnUp.Enabled = false; /不 显示 “上 一 页 ”按钮 
} 


if (curpage == ps.PageCount) 
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lbtinNext.Enabled = false; // 不 显示 “下 一 页 ”按钮 
lbtinBack.Enabled = false; // 不 显示 “最 后 一 页 ”按钮 
} 
labTPage.Text = Convert.ToString(ps.PageCount); /显示 总 页 码 
dl.DataSource = ps; /为 DataList 指定 数据 源 
dl.DataKeyField = "ID": // 指 定 DataList 控件 绑 定 的 主键 
dl.DataBind(); /DataList 绑 定 


AZ 


3.12 本 章 总 结 


企业 门户 网 站 的 后 台 使 用 了 IFrame 框架 来 布局 页 面 , 在 使 用 IFrame 框架 布局 页 面 时 , 需要 设置 以 
下 属性 。 

src: 要 在 框架 中 显示 页 面 的 URL。 

name: 用 来 设置 框架 名 ， 以 标识 该 框架 。 

这 里 需要 注意 的 是 ， 虽 然 使 用 框架 能 够 更 方便 地 布局 页 面 ， 但 也 不 能 滥用 ， 框 架 的 最 常见 用 途 就 
是 导航 。 一 组 框架 通常 包括 一 个 含有 导航 条 的 框架 和 另 一 个 要 显示 主要 内 容 页 面 的 框架 ， 如 果 框 架 使 
用 恰当 ， 则 这 些 框架 对 于 某 些 站 点 可 能 非常 有 用 。 

使 用 框架 具有 以 下 优点 : 

(1) 访问 者 的 浏览 器 不 需要 为 每 个 页 面 重新 加 载 与 导航 相关 的 图 形 。 

(2) 每 个 框架 都 具有 自己 的 滚动 条 ， 因 此 访问 者 可 以 独立 滚动 这 些 框架 。 例 如 ， 当 框架 中 的 内 容 
页 面 较 长 时 ， 如 果 导 航 条 位 于 不 同 的 框架 中 ， 那 么 向 下 滚动 到 页 面 底部 的 访问 者 就 不 需要 再 滚动 回 顶 
部 来 使 用 导航 条 。 

使 用 框架 有 许多 优点 ， 但 同样 地 ， 它 也 存在 缺点 。 使 用 框架 主要 有 以 下 缺点 : 

(1) 难以 实现 不 同 框架 中 各 元 素 的 精确 图 形 对 齐 。 

(2) 对 导航 进行 测试 可 能 很 耗 时 间 。 

(3) 各 个 带 有 框架 的 页 面 的 URL 不 显示 在 浏览 器 中 ,因此 访问 者 可 能 难以 将 特定 页 面 设 为 书签 。 

了 解 了 使 用 框架 的 优 缺点 之 后 ， 在 开发 网 站 过 程 中 ， 就 可 以 根据 对 网 站 的 利弊 大 小 来 确定 是 否 需 
要 使 用 框架 技术 。 


太后 ES 


利 早 
一 国 一 
图 书馆 管理 系统 


(ASPNET 4.5+SQL Server 2014+ 三 层 架 构 实 现 ) 


随 着 网 络 技 术 的 高 速 发 展 ， 计 算 机 应 用 的 普及 ， 利 用 计算 机 对 图 
书馆 的 日 常 工作 进行 管理 势 在 必 行 。 虽 然 目 前 很 多 大 型 的 图 书馆 已 经 
有 一 整套 比较 完善 的 管理 系统 ， 但 是 在 一 些 中 小 型 的 图 书馆 中 ， 大 部 
分 工作 仍 需 由 手工 完成 ， 工 作 起 来 效率 比较 低 ， 管 理 员 不 能 及 时 了 解 
图 书馆 内 各 类 图 书 的 借阅 情况 ,读者 需要 的 图 书 难以 在 短 时 间 内 找到 ， 
不 便于 及 时 地 调整 图 书 结构 。 为 了 更 好 地 适应 当前 读者 的 借阅 需求 ， 
解决 手工 管理 中 存在 的 许多 刺 端 ， 越 来 越 多 的 中 小 型 图 书馆 正在 逐步 
向 计算 机 信息 化 管理 转变 。 

通过 阅读 本 章 ， 可 以 学 习 到 : 

WH， 了 解 如 何 对 一 个 系统 做 需求 分 析 及 前 期 策划 

WI 掌握 如 何 使 用 SQL Server 2014 数据 库 

WI 掌握 三 层 架 构 开 发 技术 

MH 掌握 图 书馆 管理 系统 的 开发 流程 

由 了 解 网 站 的 编译 与 发 布 
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41 开发 背景 


XXX 图 书馆 是 吉林 省 一 家 私营 的 大 型 图 书馆 企业 ， 本 图 书馆 本 着 “读者 就 是 上 帝 ” 
省 每 一 分 钱 ”的 服务 宗旨 ， 企 业 利 涧 逐年 提高 ， 规 模 不 断 壮 大 ， 经 营 图 书 品种 、 数 量 也 逐渐 增多 。 在 
企业 不 断 发 展 的 同时 ， 企 业 传统 的 人 工 方式 管理 暴露 了 一 些 问题 。 例 如 ， 读 者 想 要 借阅 一 本 书 ， 图 书 
管理 人 员 需 要 花费 大 量 时 间 在 茫茫 的 书 海中 苦 苗 “ 寻 竟 ”， 如 果 找 到 了 读者 想 要 借阅 的 图 书 还 好 ， 否 
则 只 能 向 读者 苦笑 着 说 “抱歉 ”了 。 企 业 为 提高 工作 效率 ， 同 时 摆脱 图 书 管理 人 员 在 工作 中 出 现 的 尴 
炊 局 面 ， 现 需要 委托 其 他 单位 开发 一 个 图 书馆 管理 系统 。 


42 需求 分 析 


长 期 以 来 ， 人 们 使 用 传统 的 人 工 方式 管理 图 书馆 的 日 常 业务 ， 其 操作 流程 比较 烦琐 。 在 借 书 时 ， 
读者 首先 将 要 借 的 书 和 借阅 证 交 给 工作 人 员 ， 工 作 人 员 然 后 将 每 本 书 的 信息 卡片 和 读者 的 借阅 证 放 在 
-个 小 格 栏 中 ， 最 后 在 借阅 证 和 每 本 书后 的 借阅 条 上 填写 借阅 信息 。 还 书 时 ， 读 者 首先 将 要 还 的 书 交 
给 工作 人 员 ， 工 作 人 员 然 后 根据 图 书信 息 找到 相应 的 书 卡 和 借阅 证 ， 并 填 好 相应 的 还 书信 息 。 

从 上 述 描述 中 可 以 发 现 传统 的 手工 流程 存在 的 不 足 ， 首 先 ， 处 理 借 书 、 还 书 业 务 流程 的 效率 很 低 ; 
其 次 ， 处 理 能 力 比 较 低 ， 一 段 时 间 内 ， 所 能 服务 的 读者 人 数 是 有 限 的 。 为 此 ， 我 们 开发 了 一 个 图 书馆 
管理 系统 ， 该 系统 需要 为 中 小 型 图 书馆 解决 上 述 问题 ， 并 提供 快速 的 图 书信 息 检 索 功能 和 方便 的 图 书 
借阅 、 归 还 流程 。 


43 系统 设计 


4.3.1 系统 目标 


根据 前 面 所 做 的 需求 分 析 可 以 得 出 ， 图 书馆 管理 系统 实施 后 ， 应 达到 以 下 目标 。 
界面 设计 友好 、 美 观 。 

数据 存储 安全 、 可 靠 。 

信息 分 类 清晰 、 准 确 。 

强大 的 查询 功能 ， 保 证 数据 查询 的 灵活 性 。 

实现 对 图 书 借阅 和 归还 过 程 的 全 程 数据 信息 跟踪 。 

提供 图 书 借阅 排行 榜 ， 为 图 书馆 管理 员 提供 了 真实 的 数据 信息 。 

提供 灵活 、 方 便 的 权限 设置 功能 ， 使 整个 系统 的 管理 分 工 明确 。 

具有 易 维护 性 和 易 操 作 性 。 


办 办 办 办 办 多 办 多 
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4.3.2 ”系统 功能 结构 


根据 图 书馆 管理 系统 的 特点 ， 可 以 将 其 分 为 系统 设置 、 读 者 管理 、 图 书 管理 、 图 书 借 还 、 系 统 查 
询 和 排行 榜 6 个 部 分 ， 其 中 各 个 部 分 及 其 包括 的 具体 功能 模块 如 图 4.1 所 示 。 


图 书馆 管理 系统 


[ I I I 
[ 系 丢 设 畦 |[ 读者 管理 |[ 田 书 管理 |[ 加 书 借 还 |[ 系统 查询 ]| 。 排行 述 
| 


读 || 读 图 || 田 图 | 图 | ee 
者 || 者 | | 韦 | 上书 | | 四 || 男 | | 韦 上 韦 | | 者 外间 | 更 | 于 
类 || 档 | | 类 || 档 | | 书 || 攻 | | 符 || 售 | | 售 || 售 | | 站 [| 
型 || 案 | | 型 || 案 | | 售 || 昌 | | 案 | 负 | “| 各 || 曲 | | 口上 | 和 
管 || 管 | | 管 || 管 | | 可 || 释 | | 坦 || 查 | | 和 大 和 | 基 | | 人 || 丝 
理 || 理 | | 至 || 至 询 || 询 | | 各 上 和 


图 4.1 系统 功能 结构 图 
4.3.3 ”系统 流程 图 


图 书馆 管理 系统 的 系统 流程 如 图 4.2 所 示 。 


图 4.2 系统 流程 图 


4.3.4 ”系统 预览 


图 书馆 管理 系统 由 多 个 页 面 组 成 ， 下 面 仅 列 出 几 个 典型 页 面 ， 其 他 页 面 参 见 资源 包 中 的 源 程序 。 
系统 登录 页 面 如 图 4.3 所 示 ， 该 页 面 用 于 实现 管理 员 登 录 。 主 界面 如 图 4.4 所 示 ， 该 页 面 用 于 实现 
显示 系统 导航 、 图 书 借阅 排行 和 版 权 信息 等 功能 。 


@ 
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到 责 4 必 全 夭 


i 
图 4.3 系统 登录 页 面 ( 资 源 包 \TM\04\…\Login.aspx) 图 4.4 主 界面 (资源 包 \TM\04\…\Default.aspx) 


图 书 借阅 页 面 如 图 4.5 所 示 ， 该 页 面 用 于 实现 图 书 借阅 功能 。 图 书 借阅 查询 页 面 如 图 4.6 所 示 ， 该 
页 面 用 于 实现 按照 各 种 条 件 查 询 图 书 借阅 信息 。 
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ee 1 ol 本 20 200W20000 。 Fat 
Em 
图 4.5 图 书 借阅 页 面 4.6 图 书 借阅 查询 页 面 
(资源 包 \TM\04\*…\BorrowBook.aspx) (资源 包 \TM\04\…\BorrowQuery.aspx) 


4.3.5 构建 开发 环境 


1. 网 站 开发 环境 


网 站 开发 环境 : Microsoft Visual Studio 2017。 
网 站 开发 语言 : ASP.NET+C#。 

网 站 后 台数 据 库 : SQL Server 2014。 

开发 环境 运行 平台 : Windows 7/ Windows 10。 


加 加 回回 
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RS 


服务 器 端 

操作 系统 : Windows 7。 

Web 服务 器 : IIS 6.0 以 上 版 本 。 

数据 库 服 务 器 : SQL Server 2014。 

浏览 器 : Chrome 浏览 器 、Firefox 浏览 器 。 

网 站 服务 器 运行 环境 : Microsoft .NET Framework SDK v4.5。 
客户 端 


浏览 器 : Chrome 浏览 器 、Firefox 浏览 器 。 
分 辩 率 ， 最 佳 效果 1280x800 像素 或 更 高 像素 。 


数据 库 设计 
1. 数据 库 分 析 


由 于 本 系统 是 为 中 小 型 的 图 书馆 开发 的 程序 ， 需 要 充分 考虑 到 成 本 问题 及 用 户 需 求 ( 如 跨 平台 ) 
等 问题 ， 而 SQL Server 2014 作为 目前 较 新 的 数据 库 ， 该 数据 库 系 统 在 安全 性 、 准 确 性 和 运行 速度 方面 
有 绝对 的 优势 ， 并 且 处 理 数据 量 大 、 效 率 高 ， 这 正好 满足 了 中 小 型 企业 的 需求 ， 所 以 本 系统 采用 SQL 
Server 2014 数据 库 。 

本 网 站 中 数据 库 名 称 为 db_LibraryMS， 其 中 包含 10 张 数据 表 和 两 个 视图 。 下 面 分 别 给 出 数据 表 概 
要 说 明 、 数 据 库 概念 设计 、 数 据 库 逻 辑 结构 设计 及 视图 设计 。 


2. 数据 库 概要 说 明 


从 读者 角度 出 发 ， 使 读者 对 本 网 站 数据 库 中 的 数据 表 有 一 个 更 清晰 的 认识 ， 笔 者 在 此 设计 了 数据 
表 树 形 结构 图 ， 如 图 4.7 所 示 ， 其 中 包含 了 对 系统 中 所 有 数据 表 的 相关 描述 。 
日 


办 办 多 凶 


加 回 


4.3 


O 


dbo. tb_bookinfo- 
dbo. tb_booktype 一 一 一 一 图 书 类 型 表 


3 dbo. tb_borrowandback. 
习 dbo. tb_library. 


dbo. tb_reader- 
dbo. tb_readertype: 


图 4.7 数据 表 树 形 结构 图 
3 数据库 概念 设计 


根据 以 上 各 节 对 系统 所 做 的 需求 分 析 、 系 统 设 计 ， 规 划 出 本 系统 中 使 用 的 数据 库 实 体 主要 有 图 书 


@ 
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馆 信息 实体 、 图 书信 息 实体 、 读 者 信息 实体 、 图 书 借 还 实体 和 管理 员 信息 实体 等 。 下 面 介 绍 几 个 主要 
实体 的 E-R 图 。 

作为 一 个 图 书馆 管理 系统 ， 首 先 需要 有 图 书馆 信息 ， 为 此 需要 创建 一 个 图 书馆 信息 实体 ， 用 来 保 
存 图 书馆 的 详细 信息 。 图 书馆 信息 实体 E-R 图 如 图 4.8 所 示 。 


4.8 图 书馆 信息 实体 E-R 


图 书馆 管理 系统 中 最 重要 的 是 要 有 图 书 ， 如 果 一 个 图 书馆 中 连 图 书 都 没有 ， 又 何 谈 图 书馆 呢 ? 这 
里 创建 了 一 个 图 书信 息 实体 ， 用 来 保存 图 书馆 中 图 书 的 详细 信息 。 图 书信 息 实体 E-R 图 如 图 4.9 所 示 。 


图 4.9 图 书信 息 实体 E-R 图 
读者 是 图 书馆 的 重要 组 成 部 分 ， 可 以 说 如 果 没有 读者 ， 一 个 图 书馆 就 无 法 生存 下 去 ， 这 里 创建 了 
一 个 读者 信息 实体 ， 用 来 保存 读者 的 详细 信息 。 读 者 信息 实体 E-R 图 如 图 4.10 所 示 。 


4.10 读者 信息 实体 ER 图 


图 书 借 还 是 图 书馆 管理 系统 中 的 一 项 重要 工作 ， 办 理 图 书馆 管理 系统 的 主要 目的 就 是 方便 读者 借 
阅 和 归还 图 书 ， 因 此 需要 创建 一 个 图 书 借 还 实体 ， 用 来 保存 读者 借阅 和 归还 图 书 的 详细 信息 。 图 书 借 


@ 
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还 实体 E-R 图 如 图 4.11 所 示 。 
为 了 增加 系统 的 安全 性 ， 每 个 管理 员 只 有 在 系统 登录 模块 验证 成 功 后 才能 进入 主 窗 体 。 这 时 ， 就 要 
在 数据 库 中 创建 一 个 存储 登录 用 户 名 和 密码 的 管理 员 信息 实体 .管理 员 信息 实体 E-R 图 如 图 4.12 所 示 。 


图 4.11 图 书 借 还 实体 E-R 图 图 4.12 管理 员 信息 实体 E-R 图 
4. 数据 库 逻 辑 结构 设计 
在 设计 完 数据 库 实 体 E-R 图 之 后 ， 下 面 将 根据 实体 E-R 图 设计 数据 表 结 构 。 由 于 篇 幅 有 限 ， 下 面 
只 将 主要 数据 表 的 数据 结构 和 用 途 分 别 列 出 来 ， 其 他 数据 表 参 见 本 书 附 带 资 源 包 。 
(1) tb_admin (管理 员 信 息 表 ) 
表 tb_admin 主要 用 来 保存 管理 员 的 基本 信息 ， 该 表 的 结构 如 表 4.1 所 示 。 
表 4.1 表 tb_admin 的 结构 


(2) tb _reader (读者 信息 表 ) 
表 tb_reader 主要 用 来 保存 读者 的 详细 信息 ， 该 表 的 结构 如 表 4.2 所 示 。 
表 4.2 表 tb_reader 的 结构 


字 段 名 数据 类 型 描述 
id varchar 读者 编号 
name Varchar 读者 名 称 
SeX char 性 别 
type varchar 读者 类 型 
birthda' smalldatetime 生日 
paperType Varchar 证 件 类 型 
paperNum varchar 证 件 号 码 
tel varchar 电话 
email varchar E-mail 
createDate smalldatetime 注册 日 期 
oper varchar 操作 员 
remark text 备注 
borrownum int 借阅 次 数 
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(3) tb _library〈 图 书馆 信息 表 ) 
表 tb_library 主要 用 来 保存 图 书馆 详细 信息 ， 该 表 的 结构 如 表 4.3 所 示 。 


表 4.3 表 tb_library 的 结构 


字 段 名 主 键 描 述 
libraryname 50 否 图 书馆 名 称 
curator 20 否 馆 长 
tel 20 否 电话 
address varchar 40 否 地 址 
email varchar 100 否 E-mail 
url varchar 100 否 网 址 
createDate smalldatetime 4 否 建 馆 日 期 
introduce | 16 | 否 介绍 


(4) tb_bookinfo (图 书信 息 表 ) 
表 tb_bookinfo 主要 用 来 保存 图 书 详细 信息 ， 该 表 的 结构 如 表 4.4 所 示 。 
表 4.4 表 tb_ bookinfo 的 结构 


字段 名 数据 类 型 主键 描述 
bookcode Varchar 是 图 书 条 形 码 
bookname varchar 否 图 书 名 称 
ype varchar 否 图 书 类 型 
autor varchar 否 作者 
translator Varchar 否 译 者 
pubname, Varchar | lo | 否 出 版 社 
price mone | ss | 否 价格 
page int | 4 | 否 页 码 
bcase Varchar 50 否 书架 
storage bigint 否 存储 数量 
inTime smalldatetime 否 入 馆 时 间 
oper varchar 30 否 操作 员 
borrownum int 4 否 被 借 次 数 


(5) tb_borrowandback( 图 书 借 还 表 ) 

表 tb_borrowandback 主要 用 来 保存 图 书 的 借阅 和 归还 信息 ， 该 表 的 结构 如 表 4.5 所 示 。 
表 4.5 表 tb_ borrowandback 的 结构 

字 段 名 数据 类 型 


id | Varchar 


末 
尊 


30 
Teadid Varchar 20 读者 编号 
bookcode Varchar 30 图 书 条 形 码 


smalldatetime 


如 


borrowTime 
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续 表 


字 段 名 数据 类 型 描述 
ygbackTime smalldatetime | 应 该 还 书 时 间 
sjbackTime smalldatetime 实际 还 书 时 间 
borrowoper varchar 借 书 操作 员 


backoper Varchar 


isback 


(6) tb_ purview (权限 信息 表 ) 
表 tb_purview 主要 用 来 保存 管理 员 的 权限 信息 ， 该 表 中 的 id 字段 与 管理 员 信息 表 (tb_admin) 中 
的 id 字段 相关 联 ， 该 表 的 结构 如 表 4.6 所 示 。 


表 4.6 表 tb_ purview 的 结构 


5. 视图 设计 

视图 是 一 种 常用 的 数据 库 对 象 ， 使 用 时 ， 可 以 把 它 看 成 虚拟 表 或 存储 在 数据 库 中 的 查询 ， 它 为 查 
询 和 存 取 数据 提供 了 另外 一 种 途径 。 与 在 表 中 查询 数据 相 比 ， 使 用 视图 查询 可 以 简化 数据 操作 ， 并 提 
供 数据 库 的 安全 性 。 

本 系统 用 到 了 两 个 视图 ， 分 别 为 view_AdminPurview 和 view_BookBRInfo。 下 面 对 它们 分 别 进行 
介绍 。 

(1) view_AdminPurview 

视图 view_AdminPurview 主要 用 于 保存 管理 员 的 权限 信息 ， 创 建 该 视图 的 SQL 代码 如 下 : 

CREATE VIEW [dbol].[view_AdminPurview] 

AS 

SELECT dbo.tb_admin.id,dbo.tb_admin.name,dbo.tb_purview.sysset,dbo.tb_purview.readset,dbo.tb_purview.b 


ookset,dbo. tb_purview.borrowback, dbo.tb_purview.sysquery 
FROM dbo.tb_admin INNER JOIN dbo.tb_purview ON dbotb_admin.id = dbo.tb_purview.id 


(2) view_ BookBRInfo 
视图 view_BookBRInfo 主要 用 于 保存 读者 借 书 和 还 书 的 详细 信息 ， 创 建 该 视图 的 SQL 代码 如 下 : 


CREATE VIEW [dbo].[view_BookBRinfo] 
AS 

SELECT dbo.tb_borrowandback.id, dbo.tb_borrowandback.readerid, dbo.tb_borrowandback.bookcode, dbo. 
tb_bookinfo. bookname, dbo.tb_bookinfo.pubname, 


@ 
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dbo.tb_bookinfo.price, dbo.tb_bookinfo.bcase, dbo.tb_borrowandback.borrowTime, dbo.tb_borrowandback. 

ygbackTime, dbo.tb_borrowandback.isback, dbo.tb_reader.name, dbo.tb_reader.id AS Expr1 

FROM dbo.tb_bookinfo INNER JOIN 
dbo.tb_borrowandback ON dbo.tb_bookinfo.bookcode = dbo.tb_borrowandback.bookcode INNER JOIN 
dbo.tb_reader ON dbo.tb_borrowandback.readerid = dbo.tb_reader.id 


4.3.7 ”网 站 文件 组 织 结 构 


编写 代码 之 前 ， 可 以 把 系统 中 可 能 用 到 的 文件 夹 先 创 建 出 来 〈 例 如 ， 创 建 一 个 名 为 images 的 文件 
夹 ， 用 于 保存 网 站 中 所 使 用 的 图 片 )》 ， 这 样 不 但 可 以 方便 以 后 的 开发 工作 ， 也 可 以 规范 网 站 的 整体 架 
构 。 笔 者 在 开发 图 书馆 管理 系统 时 ， 设 计 了 如 图 4.13 所 示 的 文件 夹 架 构图 。 在 开发 时 ， 只 需要 将 所 创 
建 的 文件 保存 在 相应 的 文件 夹 中 即 可 。 


在 网 站 开发 项 目 中 以 类 的 形式 来 组 织 、 封 装 一 些 常用 的 方法 和 事件 ， 将 会 在 编程 过 程 中 起 到 
bh 创 建 了 13 个 公共 类 文件 , 分 别 为 DataBase.cs (数据 库 操作 类 ) 、AdminManage.cs 


功 倍 的 效果 。 本 系统 


解决 方案 “LibraryMS” (1 个 项 目 ) 


4 © LibraryMs 
粳 App_Code 
别 App_Data 
加 BookBRManage 
BookManage 
硬 Common 
| Content 
fonts 
| images 
| MasterPage 
ReaderManage 
| Scripts 
| SortManage 
SysQuery 
b 吴 SysSet 
b+) Defaultaspx 
b + Login.aspx 
+ 由 packages.config 
+ Web.Config 


vv vv vvvvvvyvvoy 


图 4.13 ”网 站 文件 组 织 结构 图 


公共 类 设计 


4.4 


公共 类 文件 夹 
数据 库 文件 夹 

图 书 借 还 管理 文件 夹 
图 书 管理 文件 夹 
公共 模块 文件 夹 

css 样式 表 文件 夹 
字体 库 文件 夹 

图 片 文件 夹 
母 版 页 文件 夹 

读者 管理 文件 夹 

JS 脚本 文件 夹 
排行 管理 文件 夹 
系统 查询 文件 夹 
系统 设置 文件 夹 
网 站 首页 

登录 页 面 

NuGet 管理 配置 文件 
网 站 配置 文件 


@ 
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(管理 员 功 能 模块 类 ) 、BookcaseManage.cs (书架 管理 功能 模块 类 ) 、BookManage.cs (图书 管理 功能 
模块 类 ) 、BorrowandBackManage.cs (图书 借 还 管理 功能 模块 类 ) 、BTypeManage.cs (图 书 类 型 管理 
功能 模块 类 ) 、LibraryManage.cs (图 书馆 信息 功能 模块 类 ) 、PubManage.cs (出 版 社 信息 功能 模块 类 ) 、 
PurviewManage.cs( 管 理 员 权限 功能 模块 类 )、ReaderManage.cs( 读 者 管理 功能 模块 类 )、RTypeManage.cs 

(读者 类 型 管理 功能 模块 类 ) 、OperatorClass.cs (基础 数据 操作 类 ) 和 ValidateClass.cs (数据 验证 类 )。 
其 中 ,数据 库 操作 类 主要 用 来 访问 SQL Server 2014 数据 库 ; 各 种 功能 模块 类 主要 用 于 处 理 业 务 罗 辑 功 
能 ， 透 彻 地 说 就 是 实现 功能 窗 体 〈 陈 述 层 ) 与 数据 库 操作 (数据 层 ) 之 间 的 业务 功能 ， 基 础 数据 操作 
类 用 来 根据 当前 日 期 获得 星期 几 ， 数 据 验 证 类 用 来 验证 控件 的 输入 。 数 据 库 操 作 类 、 功 能 模块 类 和 功 


能 窗 体 之 间 的 理论 关系 图 如 图 4.14 所 示 。 
| 
DataBase 类 〈 数 据 库 操作 类 ) 主要 实现 的 功能 有 : 打开 数据 库 连 接 、 关 闭 数据 库 连 接 、 释 放 数 据 


4.4.1 DataBase 类 
库 连 接 资源 、 传 入 参数 并 且 转 换 为 SqlParameter 类 型 、 执 行 参数 命令 文本 〈 无 返回 值 ) 、 执 行 参数 命 
令 文 本 (有 返回 值 ) 、 将 命令 文本 添加 到 SqlDataAdapter 和 将 命令 文本 添加 到 SqlCcommand。 下 面 给 出 
所 有 的 数据 库 操作 类 源 代 码 ， 并 且 做 出 详细 的 介绍 。 

在 命名 空间 区 域 引用 using System.Data.SqlClient 命名 空间 。 为 了 精确 地 控制 释放 未 托管 资源 ， 必 
须 实 现 DataBase 类 的 System.IDisposable 接口 。IDisposable 接口 声明 了 一 个 方法 Dispose， 该 方法 不 带 
参数 ， 返 回 Void。 相 关 代码 如 下 : 


倒 程 01 代码 位 置 : 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\DataBase.cs 
using System; 

using System.Data; 

using System.Configuration; 

using System.Web:; 

using System.Web.Security; 

using System.Web.Ul; 

using System.Web.UILWebControls; 

Using System.Web.UIl.WebControls.WebParts; 
using System.Web.UIHtmlControls; 

using System.Data.SqlClient'; 

li<summary> 

WDataBase 的 摘要 说 明 

li</summary> 

public class DataBase:IDisposable 


@ 


图 4.14 各 层 之 间 关系 图 


public DataBase() 


第 4 章 图 书馆 管理 系统 (ASPNET 4.5+SQL Server 2014+ 三 层 架构 实现 ) @@@ 


{ 
private SqlConnection con; ”// 创 建 连接 对 象 


i 下 面 编写 相关 的 功能 方法 


建立 数据 的 连接 主要 通过 SqlConnection 类 实现 ， 并 初始 化 数据 库 连接 字符 串 ， 然 后 通过 State 属 
性 判断 连接 状态 ， 如 果 数 据 库 连 接 状 态 为 关 ， 则 打开 数据 库 连 接 。 实 现 打开 数据 库 连 接 Open 方法 的 代 
码 如 下 : 


倒 程 02 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\DataBase.cs 


#region ”打开 数据 库 连 接 
Wi<summary> 

打开 数据 库 连接 
Wi</summary> 

private void Open() 


/打开 数据 库 连 接 
if (con == null) 


/实例 化 SqlConnection 对 象 
con = new SqlConnection(ConfigurationManager.AppSettings["ConnectionString"]); 


} 
if (con.State == System.Data.ConnectionState.Closed) /判断 数据 库 连接 状态 
con.Open(); /打开 数据 库 连接 


#endregion 


关闭 数据 库 连 接 主 要 通过 SqlConnection 对 象 的 Close 方法 实现 。 自 定义 Close 方法 关闭 数据 库 连 
接 的 代码 如 下 : 

倒 程 03 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\DataBase.cs 

#region ”关闭 连接 

li<summary> 

1/ 关闭 数据 库 连 接 


li</summary> 
public void Close() 


if (con I= null) 
con.Close(); /| 关闭 数据 库 连 接 


} 
#endregion 


因为 DataBase 类 使 用 System.IDisposable 接口 ，IDisposable 接口 声明 了 一 个 方法 Dispose， 所 以 在 
此 应 该 完善 Disposable 接口 的 Dispose 方法 ， 用 来 释放 数据 库 连 接 资 源 。 实 现 释放 数据 库 连 接 资 源 的 


Dispose 方法 的 代码 如 下 : 
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倒 程 04 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\DataBase.cs 
#region ”释放 数据 库 连 接 资源 


li<summary> 

/释放 资源 
li</summary> 
public void Dispose() 


/确认 连接 是 否 已 经 关闭 
if (con != null) 
{ 
con.Dispose(); 
con = null; 
} 
} 
#endregion 


本 系统 向 数据 库 中 读 写 数 据 是 以 参数 形式 实现 的 。MakeInParam 方法 用 于 传 入 参数 ，MakeParam 
方法 用 于 转换 参数 。 实 现 MakeInParam 方法 和 MakeParam 方法 的 完整 代码 如 下 : 


倒 程 05 代码 位 置 ， 资 源 包 \TM\04\LibraryMS\LibraryMS\App_Code\DataBase.cs 


#region” 传 入 参数 并 且 转 换 为 SqlParameter 类 型 

li<summary> 

1/ 传 入 参数 

Mi</summary> 

Wi<param name="ParamName"> 存 储 过 程 名称 或 命令 文本 </param> 
/<param name="DbType"> 参 数 类 型 </param></param> 

/<param name="Size"> 参 数 大 小 </param> 

JW/<param name="Value"> 参 数值 </param> 

JW/<returns> 新 的 parameter 对 象 </retums> 

public SqlParameter MakelnParam(string ParamName, SqlDbType DbType, int Size, object Value) 
和 


} 

li<summary> 

/1/ 初 始 化 参数 值 

ll</summary> 

JJ<param name="ParamName"> 存 储 过 程 名 称 或 命令 文本 </param> 
JW/<param name="DbType"> 参 数 类 型 </param> 

/<param name="Size"> 参 数 大 小 </param> 

JW<param name="Direction"> 参 数 方向 </param> 

JW/<param name="Value"> 参 数值 </param> 

Wi<returns> 新 的 parameter 对 象 </returns> 

public SqlParameter MakeParam(string ParamName, SqlDbType DbType, Int32 Size, ParameterDirection 
Direction, object Value) 

全 


returm MakeParam(ParamName, DbType, Size, ParameterDirection .Input, Value); 


SqlParameter param; 
if (Size > 0) 

param = new SqlParameter(ParamName, DbType, Size); 
else 


param = new SqlParameter(ParamName, DbType); 
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param.Direction = Direction; 
if (I!(Direction == ParameterDirection.Output && Value == null)) 
param.Value = Value; 
return param; 
: 
#endregion 


RunProc 方 法 为 可 重 载 方法 ,功能 为 执行 带 参数 SqlParameter 的 命令 文本 .RunProc(string procName， 
SqlParameter[] prams) 方 法 主要 用 于 执行 添加 、 修 改 和 有 删除; RunProc(string procName) 方 法 用 来 直接 执 
行 SQL 语句 ， 如 数据 库 备份 与 数据 库 恢复 。 实 现 可 重 载 方 法 RunProc 的 完整 代码 如 下 : 


倒 程 06 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\DataBase.cs 


#region ”执行 参数 命令 文本 无 数据 库 中 数据 返回 ) 
li<summary> 

/执行 命令 

li</summary> 

ll/<param name="procName"> 命 令 文本 </param> 
JW<param name="prams"> 参 数 对 象 </param> 
li<returns></returns> 

public int RunProc(string procName, SqlParameterl] prams) 


{ 


SqlCommand cmd = CreateCommand(procName, prams); 
cmd.ExecuteNonQuery(); 
this.Close(); 
/得 到 执行 成 功 返回 值 
return (int)cmd.Parameters["ReturnValue"].Value; 
} 
li<summary> 
/直接 执行 SQL 语句 
li</summary> 
/<param name="procName"> 命 令 文本 </param> 
Ji<returns></returns> 
public int RunProc(string procName) 
{ 
this.Open(); 
SqlCommand cmd = new SqlCommand(procName, con); 
cmd.ExecuteNonQuery(); 
this.Close(); 
return 1; 
} 
#endregion 


RunProcReturn 方法 为 可 重 载 方法 ， 返 回 值 为 DataSet 类 型 。 功 能 为 执行 带 参 数 SqlParameter 的 命 
令 文本 。 下 面 代码 中 RunProcReturn(string procName, SqlParameter[] prams,string tbName) 方 法 主要 用 于 
执行 带 参数 SqlParameter 的 查询 命令 文本 ; RunProcReturn(string procName, string tbName) 用 于 直接 执行 
查询 SQL 语句 。 可 重 载 方法 RunProcRetum 的 完整 代码 如 下 : 
倒 程 07 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\DataBase.cs 
#region ”执行 参数 命令 文本 《有 返回 值 ) 


_ 国 
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li<summary> 
执行 查询 命令 文本 ， 并 且 返 回 DataSet 数据 集 
li</summary> 
JW<param name="procName"> 命 令 文本 </param> 
JW/<param name="prams"> 参 数 对 象 </param> 
JW/<param name="tbName"> 数 据 表 名 称 </param> 
Wi<returms></returns> 
public DataSet RunProcReturn(string procName, SqlParameterl prams,string tbName) 
{ 
SqlDataAdapter dap=CreateDataAdaper(procName, prams); 
DataSet ds = new DataSet(); 
dap.Fill(ds,tbName); 
this.Close(); 
/得 到 执行 成 功 返回 值 
return ds; 
} 
li<summary> 
/执行 命令 文本 ， 并 且 返 回 DataSet 数据 集 
Wi</summary> 
Wi<param name="procName"> 命 令 文 本 </param> 
///<param name="tbName"> 数 据 表 名 称 </param> 
li<returns>DataSet</returns> 
public DataSet RunProcReturn(string procName, string tbName) 
{ 
SqlDataAdapter dap = CreateDataAdaper(procName, null); 
DataSet ds = new DataSet(); 
dap.Fill(ds, tbName); 
this.Close(); 
/得 到 执行 成 功 返 回 值 
return ds; 
} 
#endregion 


CreateDataAdaper 方法 将 带 参数 SqlParameter 的 命令 文本 添加 到 SqlDataAdapter 中 , 并 执行 命令 文 
本 。CreateDataAdaper 方法 的 完整 代码 如 下 : 
倒 程 08 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\DataBase.cs 


#region ”将 命令 文本 添加 到 SqlDataAdapter 

li<summary> 

11/ 创建 一 个 SqlDataAdapter 对 象 以 此 来 执行 命令 文本 

ll</summary> 

JW/<param name="procName"> 命 令 文本 </param> 

JW/<param name="prams"> 参 数 对 象 </param> 

Wi<returmms></returns> 

private SqlDataAdapter CreateDataAdaper(string procName, SqlParameter prams) 

{ 
this.Open(); 
SqlDataAdapter dap = new SqlDataAdapter(procName,con); 
dap.SelectCommand.CommandType = CommandType Text; /执行 类 型 : 命令 文本 
i (prams != null) 
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foreach (SqlParameter parameter in prams) 
dap.SelectCommand.Parameters.Add(parameter); 


} 
// 加 入 返回 参数 
dap.SelectCommand.Parameters.Add(new SqlParameter("ReturnValue", SqlDbType.Int, 4, 
ParameterDirection.ReturnValue, false, 0, 0, 
string.Empty, DataRowVersion.Default, null)); 
return dap; 
} 
#endregion 


CreateCommand 方法 将 带 参数 SqlParameter 的 命令 文本 添加 到 SqlCommand 中 ， 并 执行 命令 文本 。 
CreateCommand 方法 的 完整 代码 如 下 : 


倒 程 09 代码 位 置 ， 资 源 包 \TM\04\LibraryMS\LibraryMS\App_Code\DataBase.cs 


#region 将 命令 文本 添加 到 SqlCommand 

Wi<summary> 

/创建 一 个 SqlCommand 对 象 以 此 来 执行 命令 文本 

Wi</summary> 

Wi<param name="procName"> 命 令 文 本 </param> 

Wi<param name="prams" 命 令 文本 所 需 参 数 </param> 

Ji<returns> 返 回 SqlCommand 对 象 </returns> 

private SqlCcommand CreateCommand(string procName, SqlParameter[] prams) 


/确认 打开 连接 

this.Open(); 

SqlCommand cmd = new SqlCommand(procName, con); 

cmd.CommandType = CommandType.Text; // 执 行 类 型 : 命令 文本 
/依次 把 参数 传 入 命令 文本 

if (prams != null) 


foreach (SqlParameter parameter in prams) 
cmd.Parameters.Add(parameter); 


} 
// 加 入 返回 参数 
cmd.Parameters.Add( 
new SqlParameter("ReturnValue", SqlDbType.Int, 4, 
ParameterDirection.ReturnValue, false, 0, 0, 
string.Empty, DataRowVersion.Default, null)); 
return cmd; 
} 
#endregion 


4.4.2 AdminManage 类 


AdminManage 类 (管理 员 功 能 模块 类 ) 主要 用 来 实现 图 书馆 管理 系统 中 管理 员 的 添加 、 修 改 、 删 
除 、 查 询 和 登录 等 功能 。 由 于 篇 幅 有 限 ， 其 他 功能 模块 类 的 源 代码 可 参见 本 书 附带 资源 包 。 
管理 员 功 能 模块 类 中 的 方法 主要 提供 给 陈述 层 调用 ， 从 编码 的 角度 出 发 ， 下 面 方法 的 实现 建立 在 
数据 层 (数据 库 操作 类 DataBase.cs) 的 基础 上 ， 下 面 将 详细 介绍 。 
© 
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管理 员 功 能 模块 类 中 ， 首 先 定义 管理 员 信 息 的 数据 结构 。 代 码 如 下 : 


倒 程 10 代码 位 置 :资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\AdminManage.cs 
#region ”定义 管理 员 信息 数据 结构 


private string id = ™; 
private string name = ""; 
private string pwd = ™"; 
li<summary> 
1/ 管理 员 编号 
ll</summary> 
public string ID 
get { return id; } 
set {id = value; } 
} 
W<summary> 
/管理 员 名 称 
li</summary> 
public string Name 
Ei 
get { return name; } 
set { name = value; } 
} 
li<summary> 
1/ 管理 员 密码 
li</summary> 
public string Pwd 
{ 
get { return pwd; } 
set { pwd = value; } 
} 
#endregion 


GetAdminID 方法 主要 根据 数据 库 中 已 存在 的 记录 自动 生成 管理 员 编号 。 代 码 如 下 : 


倒 程 11 代码 位 置 : 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\AdminManage.cs 
#region 自动 生成 管理 员 编 号 


li<summary> 
// 自 动 生成 管理 员 编号 
li</summary> 
li<returns></returns> 
public string GetAdminID() 
{ 
DataSet ds = GetAllAdmin("tb_admin"); // 获 得 所 有 管理 员 信息 
string strAdminID = ™"; /存储 管理 员 编号 
if (ds.Tables[0].Rows.Count == 0) // 判 断 是 否 存在 管理 员 
strAdminID = "GLY1001"; 
else 
strAdminID = "GLY" + (Convert.Tolnt32(ds.Tables[0].Rows[ds.Tables[0].Rows.Count - 1][0].ToString(). 
Substring(3, 4)) + 1); // 取 出 现 有 的 管理 员 编 号 的 最 大 值 ， 然 后 加 1 


return strAdminID; 


G@ 
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#endregion 


AddAdmin 方法 主要 实现 添加 管理 员 信息 功能 ， 实 现 关键 技术 为 : 创建 SqlParameter 参数 数组 ， 通 
过 数据 库 操作 类 中 的 MakeInParam 方法 将 参数 值 转换 为 SqlParameter 类 型 ， 存 储 在 数组 中 ， 最 后 调用 
数据 库 操作 类 中 的 RunProc 方法 执行 命令 文本 。 代 码 如 下 : 

倒 程 12 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\AdminManage.cs 


#region ”添加 管理 员 信息 

li<summary> 

添加 管理 员 信息 

li</summary> 

ll/<param name="adminmanage"> 管 理 员 类 对 象 </param> 
Ji<returmns>int 类 型 ， 表 示 是 否 执行 成 功 </returns> 

public int AddAdmin(AdminManage adminmanage) 


SqlParameter[] prams ={ 
data.MakelnParam("@id"， SqlDbType.VarChar, 50, adminmanage.ID), 
data.MakelnParam("@name"， SqlDbType.VarChar, 50,adminmanage.Name), 
data.MakelnParam("@pwd"， SqlDbType.VarChar, 30, adminmanage.Pwd), 


上 
return (data.RunProc("INSERT INTO tb_admin (id,name,pwd) VALUES(@id,@name,@pwd)", prams)); 
#endregion 


UpdateAdmin 方法 主要 实现 修改 管理 员 信息 功能 ， 其 实现 关键 技术 与 AddAdmin 方法 类 似 。 代 码 


倒 程 13 代码 位 置 ， 资 源 包 \TM\04\LibraryMS\LibraryMS\App_Code\AdminManage.cs 


#region ”修改 管理 员 信息 

li<summary> 

/1/ 修 改 管理 员 信息 

li</summary> 

JW<param name="adminmanage"> 管 理 员 类 对 象 </param> 
/<returns> int 类 型 ， 表 示 是 否 执行 成 功 </returns> 

public int UpdateAdmin(AdminManage adminmanage) 


SqlParameter[] prams = { 
data.MakelnParam("@name"， SqlDbType.VarChar, 50,adminmanage.Name), 
data.MakelnParam("@pwd"， SqlDbType.VarChar, 30, adminmanage.Pwd), 


上 
return (data.RunProc("update tb_admin set pwd=@pwd where name=@name", prams)); 


} 
#endregion 


DeleteAdmin 方法 主要 实现 根据 管理 员 名 字 删 除 管理 员 信息 功能 , 其 实现 关键 技术 与 AddAdmin 方 
法 类 似 。 代 码 如 下 : 
倒 程 14 ”代码 位 置 : 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\AdminManage.cs 


@ 
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#region ”删除 管理 员 信息 
li<summary> 
U/ 删 除 管理 员 信息 
ll</summary> 
/<param name="adminmanage"> 管 理 员 类 对 象 </param> 
Wi<returns> int 类 型 ， 表 示 是 否 执 行 成 功 </returns> 
public int DeleteAdmin(AdminManage adminmanage) 
‘ 
SqlParameter[] prams = { 
data.MakelnParam("@name", SqlDbType.VarChar, 50,adminmanage.Name), 
} 
return (data.RunProc("delete from tb_admin where name=@name", prams)); 
了 
#endregion 


Login 方法 主要 实现 管理 员 登 录 图 书馆 管理 系统 功能 ， 其 实现 关键 技术 与 AddAdmin 方法 类 似 。 代 
码 如 下 : 


倒 程 15 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\AdminManage.cs 


#region ”管理 员 登 录 

li<summary> 

1/ 管理 员 登 录 

li</summary> 

/<param name="adminmanage"> 管 理 员 类 对 象 </param> 
/<returns>DataSet 数据 集 ， 用 来 存储 查找 到 的 结果 </returns> 
public DataSet Login(AdminManage adminmanage) 

{ 


SqlParameter[] prams = { 
data.MakelnParam("@name"， SqlDbType.VarChar, 50,adminmanage.Name), 
data.MakelnParam("@pwd"， SqlDbType.VarChar, 30, adminmanage.Pwd), 
上 
return (data.RunProcReturn("SELECT * FROM tb_admin WHERE (name = @name) AND (pwd = @pwd)", 
prams, "tb_admin")); 
} 
#endregion 


GetAllAdminByName 方法 和 GetAllAdmin 方法 分 别 用 来 实现 根据 管理 员 名 字 获 取 管 理 员 信息 和 获 
取 所 有 管理 员 信 息 的 功能 。 代 码 如 下 : 


倒 程 16 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\AdminManage.cs 


#region 查询 管理 员 信息 

li<summary> 

Ul 根据 管理 员 名 称 得 到 管理 员 信息 

li</summary> 

JW<param name="adminmanage"> 管 理 员 类 对 象 </param> 

JW<param name="tbName"> 数 据 表 名 </param> 

Wi<returns> DataSet 数据 集 ， 用 来 存储 查找 到 的 结果 </returns> 

public DataSet GetAllAdminByName(AdminManage adminmanage, string tbName) 
{ 


SqlParameter[] prams = { 


@ 
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data.MakelnParam("@name", SqlDbType.VarChar, 50,adminmanage.Name +"%"), 


return (data.RunProcReturn("select * from tb_admin where name like @name", prams, tbName)); 
} 
ll<summary> 
少 得 到 所 有 管理 员 信息 
li</summary> 
JW<param name="tbName"> 数 据 表 名 </param> 
We<returms> DataSet 数据 集 ， 用 来 存储 查找 到 的 结果 </returns> 
public DataSet GetAllAdmin(string tbName) 


{ 

return (data.RunProcReturn("select * from tb_admin ORDER BY id", tbName)); 
} 
#endregion 


4.4.3 OperatorClass 类 


OperatorClass 类 (基础 数据 操作 类 ) 主要 用 来 根据 当前 日 期 获得 星期 几 ， 下 面 对 该 类 中 的 方法 进 
行 详细 介绍 。 

方法 getWeek 用 来 判断 当前 日 期 为 星期 几 , 实现 关键 技术 为 : 首先 使 用 DateTime.Now.DayOfWeek 
属性 获得 英文 的 星期 表示 法 ， 然 后 将 获得 的 英文 星期 表示 法 转换 为 中 文 星期 表示 法 。GetWeek 方法 的 
实现 代码 如 下 : 


倒 程 17 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\OperatorClass.cs 


#region ”判断 星期 几 
Wi<summary> 
1/ 判 断 星期 几 
li</summary> 
Wi<returns></returns> 
public string getWeek() 
《 
string str = DateTime.Now.DayOfWeek.ToString(); // 获 得 当前 星期 的 英文 表示 形式 
string strWeek = ”; 
Switch (str) 
{ 
case "Monday": 
strWeek = "星期 一 "; 
break; 
case "Tuesday": 
strWeek = "星期 二 "; 
break; 
case "Wednesday": 
strWeek = "星期 三 "; 
break; 
case "Thursday": 
strWeek = "星期 四 "; 
break; 
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} 


case "Friday": 
strWeek = "星期 五 "; 
break; 
case "Saturday": 
strWeek = "星期 六 "; 
break; 
case "Sunday": 
strWeek = "星期 日 "; 
break; 
} 
return strWeek; 


#endregion 


4.4.4 


ValidateClass 类 


ValidateClass 类 (数据 验证 类 ) 主要 用 来 对 TextBox 文本 框 中 的 输入 字符 串 进行 验证 ， 
类 中 的 方法 进行 详细 介绍 。 


validateNum 方法 用 来 验证 TextBox 文本 框 中 的 输入 字符 串 是 否 为 数字 ， 实 现代 码 如 下 : 


倒 程 18 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\ValidateClass.cs 


下 面 对 该 


#region ”验证 输入 为 数字 

li<summary> 

1/ 验证 输入 为 数字 

li</summary> 

/<param name="str"> 要 验证 的 字符 串 </param> 
/<returns>bool 类 型 </returns> 

public bool validateNum(string str) 


{ 
return Regex.lsMatch(str, "^[0-9]*[1-9][0-9]*$"); 


} 


#endregion 


validatePCode 方法 用 来 验证 TextBox 文本 框 中 的 输入 字符 串 是 否 为 邮政 编码 ， 实 现代 码 如 下 : 


倒 程 19 ”代码 位 置 : 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\ValidateClass.cs 
#region ”验证 输入 为 邮编 


li<summary> 

/验证 输入 为 邮编 

li</summary> 

/<param name="str"> 要 验证 的 字符 串 </param> 
Ji<returns> bool 类 型 </returns> 

public bool validatePCode(string str) 


{ 

return Regex.lsMatch(str, @"\d{6}"); 
} 
#endregion 


@ 
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validatePhone 方法 用 来 验证 TextBox 文本 框 中 的 输入 字符 串 是 否 为 电话 号 码 ， 实 现代 码 如 下 : 
倒 程 20 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\ValidateClass.cs 


#region ”验证 输入 为 电话 号 码 

ll<summary> 

// 验 证 输入 为 电话 号 码 

ll</summary> 

JW<param name="str"> 要 验证 的 字符 串 </param> 
Wi<returns> bool 类 型 </returns> 

public bool validatePhone(string str) 


册 


{ 

return Regex.lsMatch(str, @"^(\d{3,4})-(\d{7,8})$"); 
} 
#endregion 


validateEmail 方法 用 来 验证 TextBox 文本 框 中 的 输入 字符 串 是 否 为 E-mail 地 址 格式 ， 实 现代 码 


倒 程 21 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\ValidateClass.cs 


#region ”验证 输入 为 E-mail 

W<summary> 

/验证 输入 为 E-mail 

Wi</summary> 

///<param name="str"> 要 验证 的 字符 串 </param> 
/<returns> bool 类 型 </returns> 

public bool validateEmail(string str) 


{ 

return Regex.lsMatch(str, @"\Ww+([-+.JWw+)@W+([-.JW+)\ Ww+([-. Ww+)*"); 
} 
#endregion 


validateNAddress 方法 用 来 验证 TextBox 文本 框 中 的 输入 字符 串 是 否 为 网 络 地 址 格式 ， 实 现代 码 


倒 程 22 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\ValidateClass.cs 


#region ”验证 输入 为 网 址 

li<summary> 

/// 验 证 输入 为 网 址 

li</summary> 

/<param name="str"> 要 验证 的 字符 串 </param> 
Ji<returns> bool 类 型 </returns> 

public bool validate NAddress(string str) 


$ 

return Regex.lsMatch(str, @"http(s)?://[\w-]+\.)+[\w-]+([\w- ./?%&=]")?"); 
} 
#endregion 
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4.5 主页 面 设 计 


4.5.1 主页 面 概述 


网 站 首页 是 关于 网 站 的 建设 及 形象 宣传 ， 它 对 网 站 生存 和 发 展 起 着 非常 重要 的 作用 。 网 站 首页 应 
该 是 一 个 信息 含量 较 高 ， 内 容 较 丰富 的 宣传 平台 。 图 书馆 管理 系统 主页 面 主要 包含 以 下 内 容 : 

(1) 系统 菜单 导航 (包括 首页 、 系 统 设置 、 读 者 管理 、 图 书 管理 、 图 书 借 还 、 系 统 查询 、 排 行 榜 、 
更 改口 令 和 退出 系统 等 ) 。 
(2) 当前 系统 操作 员 和 当前 系统 日 期 。 
(3) 图 书 借阅 排行 榜 和 读者 借阅 排行 榜 。 
主页 面 运 行 效果 如 图 4.15 所 示 。 


4.5.2 ”主页 面 技术 分 析 


图 书馆 管理 系统 的 主页 和 其 他 所 有 子 页 均 使 用 了 母 版 页 技术 。 母 版 页 的 主要 功能 是 为 ASPNET 应 
用 程序 创建 统一 的 用 户 界 面 和 样式 ， 它 提供 了 共享 的 HTML、 控 件 和 代码 ， 可 作为 一 个 模板 ， 供 网 站 
内 所 有 页 面 使 用 ， 从 而 提升 了 整个 程序 开发 的 效率 。 本 节 将 从 以 下 几 个 方面 来 介绍 母 版 页 。 


1 


i 


ET 


图 4.15 主页 面 运行 效 
1. 母 版 页 的 使 用 概述 
使 用 母 版 页 ， 可 以 为 ASPNET 应 用 程序 页 面 创建 一 个 通用 的 外 观 。 开 发 人 员 可 以 利用 母 版 页 创建 


(1) 使 用 母 版 页 可 以 集中 处 理 页 的 通用 功能 ， 以 便 可 以 只 在 一 个 位 置 上 进行 更 新 ， 在 很 大 程度 上 
提高 了 工作 效率 。 


@ 
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(2) 使 用 母 版 页 可 以 方便 地 创建 一 组 公共 控件 和 代码 ， 并 将 其 应 用 于 网 站 中 所 有 引用 该 母 版 页 的 
网 页 。 例 如 ， 可 以 在 母 版 页 上 使 用 控件 来 创建 一 个 应 用 于 所 有 页 的 功能 菜单 。 

(3) 可 以 通过 控制 母 版 页 中 的 占 位 符 ContentPlaceHolder 对 网 页 进行 布局 。 
内 容 页 和 母 版 页 组 成 的 对 象 模型 ， 能 够 为 应 用 程序 提供 一 种 高 效 、 易 用 的 实现 方式 ， 并 且 这 种 
对 象 模型 的 执行 效率 比 以 前 的 处 理 方式 有 了 很 大 的 提高 。 

2. 母 版 页 与 内 容 页 介绍 

(1) 母 版 页 介绍 。 

母 版 页 是 一 个 扩展 名 为 .master (如 MyMastermaster) 的 ASPNET 页 ， 它 可 以 包含 静态 布局 。 母 版 
页 由 特殊 的 @Master 指令 识别 ， 该 指令 的 使 用 使 母 版 页 有 别 于 内 容 页 (关于 内 容 页 下 文 将 讲 到 ) ， 且 
每 个 .master 文件 只 能 包含 一 条 @ Master 指令 。 


Am 母 版 页 其 实 是 一 种 特殊 的 ASPNET 用 户 控件 。 这 是 因为 母 版 页 文件 被 编译 成 一 个 派生 于 
MasterPage 类 的 类 ， 而 MasterPage 类 又 继承 自 UserControl 类 。 


@Master 指令 支持 几 个 属性 ， 然 而 它 的 大 多 数 属性 都 与 @Page 指令 的 属性 相同 。 表 4.7 详细 描述 
了 对 母 版 页 有 特殊 含义 的 属性 。 


表 4.7 @Master 指令 的 属性 


方 法 说 明 
指定 为 生成 母 版 页 而 创建 的 类 的 名 称 。 该 值 可 以 是 任何 一 个 有 效 的 类 名 , 但 不 用 包括 命名 空间 。 
es 默认 情况 下 ，simple master 的 类 名 是 ASP.simple master 
CodeFile 指明 包含 与 母 版 页 关联 的 任何 源 代码 文件 的 URL 
Inherits 指定 母 版 页 要 继承 的 代码 隐藏 类 。 这 可 以 是 任何 一 个 派生 于 MasterPage 的 类 
”| 指定 该 母 版 页 引用 的 母 版 页 的 名 称 。 和 使 用 网 页 来 引用 一 个 母 版 页 的 方法 相同 ， 一 个 母 版 页 可 
MasterPageFile | 以 引用 另 一 个 母 版 页 。 如 果 设置 了 该 属性 ， 则 会 得 到 一 个 嵌 套 的 母 版 页 


除了 开头 的 @Master 指令 和 一 个 或 多 个 ContentPlaceHolder 服务 器 控件 外 ， 母 版 页 类 似 于 普通 的 
ASP.NET 页 。ContentPlaceHolder 服务 器 控件 在 母 版 页 中 定义 了 一 个 可 以 在 派生 页 中 进行 定制 的 区 域 。 


nN 
re 
一 个 控件 ， 则 会 发 生 一 个 解析 器 错误 。 


(2) 内 容 页 介绍 。 

内 容 页 与 普通 页 基本 相同 。 内 容 页 主要 包含 页 面 中 的 非 公 共 内 容 ， 每 个 内 容 页 定义 一 个 特定 的 
ASPNET 页 上 每 个 区 域 的 内 容 。 通 过 创建 各 个 内 容 页 来 定义 母 版 页 的 占 位 符 控件 的 内 容 ， 这 些 内 容 页 
为 绑 定 到 特定 母 版 页 的 ASPNET 页 (.aspx 文件 以 及 可 选 的 代码 隐藏 文件 ) 。 内 容 页 的 关键 部 分 是 
Content 控件 ， 它 是 其 他 控件 的 容器 。Content 控件 只 能 与 对 应 的 ContentPalceHolder 控件 结合 使 用 ， 它 


不 是 一 个 独立 的 控件 。 
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UL 
六 6 注意 内 页 ( 即 绑 定 到 一 个 母 版 页 的 网 页 ) 是 一 种 特殊 的 网 页 类 型， 它 只 能 包含 <asp:Content> 
控件 。 另 外 ， 它 不 允许 在 <asp:Content> 控件 外 部 提供 服务 器 控件 。 


3. 母 版 页 的 配置 
在 ASPNET 4.5 中 ， 母 版 页 的 配置 有 3 种 级 别 ( 页 面 指 令 级 、 应 用 程序 级 、 文 件 夹 级 ) ， 分 别 介 
绍 如 下 : 


(1) 页 面 指令 级 。 
内 容 页 通过 @Page 指令 的 MasterPageFile 属性 绑 定 到 母 版 页 ， 代 码 如 下 : 
<%@ Page Language="C#" MasterPageFile="MasterPage.master"%> 


(2) 应 用 程序 级 。 
应 用 程序 级 可 以 指定 应 用 程序 中 的 所 有 网 页 绑 定 到 相同 的 母 版 页 。 通 过 设置 主要 的 Web.config 配 
置 文件 的 <Pages> 元 素 的 Master 属性 ， 配 置 这 种 行为 的 代码 如 下 : 
<configuration> 
<system.Web> 
<pages master="MasterPage.master" 


</system.Web> 
</configuration> 


(3) 文件 夹 级 。 

类 似 于 应 用 程序 级 的 绑 定 ， 不 同 的 是 只 需 在 一 个 文件 夹 的 Web.config 文件 中 进行 设置 ， 然 后 母 版 
页 绑 定 便 会 应 用 于 该 文件 夹 中 的 全 部 ASPNET 页 。 

4. 创建 母 版 页 


在 ASP.NET 4.5 中 , 除了 具有 辨识 意义 的 @Master 指令 外 , 母 版 页 与 标准 的 ASPNET 页 基本 类 似 ， 
唯一 的 重要 区 别 就 是 ContentPlaceHolder 服务 器 控件 。 但 母 版 页 中 包含 的 是 页 面 的 公共 部 分 ， 因此 在 创 
建 母 版 页 之 前 ， 必 须 判 断 哪些 内 容 是 页 面 的 公共 部 分 。 

使 用 Visual Studio 2017 创建 母 版 页 ， 有 具体 操作 步骤 如 下 : 

(1) 打开 Visual Stuido 2017， 新 建 一 个 ASP.NET 页 ， 编 程 语言 采用 C#。 

(2) 在 网 站 的 解决 方案 下 右 击 网 站 名 称 ， 在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 

(3) 打开 如 图 4.16 所 示 的 “添加 新 项 ”对 话 框 ， 在 其 中 选择 “ 母 版 页 ”选项 ， 默 认 名 为 
MasterPage.master。 单 击 “ 添 加 ”按钮 ， 即 可 创建 一 个 新 的 母 版 页 。 


5. 创建 内 容 页 


在 创建 完 母 版 页 之 后 ， 接 下 来 创建 内 容 页 。 内 容 页 的 创建 与 母 版 页 的 创建 类 似 ， 其 创建 步骤 如 下 : 
(1) 在 网 站 的 解决 方案 下 右 击 网 站 名 称 ， 在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 


@ 
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图 4.16 “添加 新 项 ”对 话 框 
(2) 打开 如 图 4.17 所 示 的 “添加 新 项 ”对 话 框 ， 在 其 中 选择 “Web 窗 体 ”选项 并 为 其 命名 ， 同 
时 选中 “将 代码 放 在 单独 的 文件 中 ”和 “选择 母 版 页 ” 复 选 框 。 


图 4.17 创建 内 容 页 


(3) 单 击 “添加 ”按钮 ， 弹 出 如 图 4.18 所 示 的 “选择 母 版 页 ”对 话 框 ， 在 其 中 选择 一 个 母 版 页 ， 
单 击 “ 确 定 ”按钮 ， 即 可 创建 一 个 新 的 内 容 页 。 


4.18 “选择 母 版 页 ”对 话 框 
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注意 @O ”内容 页 中 可 以 有 多 个 Content 服务 器 控件 ， 但 内 容 页 中 的 Content 服务 器 控件 的 
ContentPlace HolderID 属性 值 必须 与 母 版 页 中 的 ContentPlaceHolder 服务 器 控件 的 ID 
属性 匹配 。 

@ 由 于 母 版 页 中 定义 了 页 面 的 标题 title 元 素 ， 不 同 的 内 容 页 显示 的 标题 可 能 不 同 ， 此 时 
需要 在 内 容 页 中 设置 页 面 的 标题 ， 可 以 通过 设置 页 面 指令 的 Title 属性 定义 。 

图 和 母 版 页 一 样 ，Visual Studio 2017 支持 对 于 内 容 页 的 可 视 化 编辑 ， 并 且 这 种 支持 是 建 
立 在 只 读 显示 母 版 页 内 容 基础 上 的 。 在 编辑 状态 下 ， 可 以 查看 母 版 页 和 内 容 页 组 合 后 
的 页 面 外 观 ， 但 是 ， 母 版 页 内 容 是 只 读 的 (呈现 灰色 部 分 )， 不 可 被 编辑 ， 而 内 容 页 
则 可 以 进行 编辑 。 如 果 需 要 修改 母 版 页 内 容 ， 则 必须 打开 母 版 页 。 


4.5.3 主页 面 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb_bookinfo、tb_reader 
主页 面 主要 由 母 版 页 和 内 容 页 组 成 ， 它 主要 用 来 实现 系统 菜单 导航 、 查 看 图 书 借阅 排行 和 读者 借 
阅 排行 功能 。 主 页 面 的 具体 实现 步骤 如 下 : 

1. 母 版 页 

(1) 新 建 一 个 母 版 页 ， 命 名 为 MainMasterPage.master， 主 要 用 于 系统 的 母 版 页 。 该 页 面 中 主要 用 
到 的 控件 如 表 4.8 所 示 。 


表 4.8 母 版 页 主要 用 到 的 控件 


主要 属性 设置 


lbamin | 无 
| mpae | 无 
| wxo | 无 | 


(2) 在 母 版 页 的 后 台 代 码 中 ， 首 先 实例 化 所 需要 公共 类 的 类 对 象 。 代 码 如 下 : 


倒 程 23 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\MasterPage\MainMasterPage.master.cs 


OperatorClass operatorclass = new OperatorClass(); 
AdminManage adminmanage = new AdminManage(); 
PurviewManage purviewmanage = new PurviewManage(); 


显示 当前 操作 员 
显示 当前 日 期 
显示 当前 星期 


A Label 


母 版 页 加 载 时 ， 首 先 判断 用 户 登 录 的 身份 ， 如 果 登 录 身 份 为 读者 ， 则 只 能 实现 图 书 借阅 和 归还 功 
能 ， 如 果 登 录 身 份 为 管理 员 ， 则 根据 管理 员 的 权限 显示 其 可 以 执行 的 操作 。 母 版 页 的 Page_Load 事件 
代码 如 下 : 

倒 程 24 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\MasterPage\MainMasterPage.master.cs 


// 定 义 各 权限 标记 变量 
protected bool IsReader = false; 
protected bool sysset = true; 


@ 
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protected bool readset = true; 

protected bool bookset = true; 

protected bool borrowback = true; 

protected bool sysquery = true; 

protected void Page_Load(object sender, EventArgs e) 


{ 


string CurrName = null; 
if (Session["Name"] == null || (CurrName = Session["Name"].ToString()) == "") 


{ 


3 


Response.Redirect("/Login.aspx"); // 返 回 登录 页 
return; 


if (Session["role"] != null && Session["role"].ToString() == "Reader") 


else 


{ 


lsReader = true; /标记 为 读者 


/设置 首页 显示 信息 

labDate.Text = DateTime.Now.Year + "年 "+ DateTime.Now.Month + "月 " + DateTime.Now.Day + "日 "; 
labXQ.Text = operatorclass.getWeek(); 

labAdmin.Text = CurrName; 

adminmanage.Name = CurrName; 

// 获 取 用 户 信息 及 权限 

DataSet adminds = adminmanage.GetAllIAdminByName(adminmanage, "tb_admin"); 
string strAdminID = adminds.Tables[0].Rows[0][0].ToString(); 

purviewmanage.ID = strAdminID; 

DataSet pviewds = purviewmanage.FindPurviewByID(purviewmanage, "tb_purview"); 
/标记 响应 的 权限 

sysset = Convert.ToBoolean(pviewds.Tables[0].Rows[0][1].ToString()); 

readset = Convert.ToBoolean(pviewds.Tables[0].Rows[0][2].ToString()); 

bookset = Convert.ToBoolean(pviewds.Tables[0].Rows[0][3].ToString()); 

borrowback = Convert.ToBoolean(pviewds.Tables[0].Rows[0][4].ToString()); 
sysquery = Convert.ToBoolean(pviewds.Tables[0].Rows[0][5].ToString()); 


单 击 “退出 ”按钮 ， 页 面 将 跳 转 到 主 登 录 页 面 。 按 钮 事件 的 定义 如 下 : 


倒 程 25 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\MasterPage\MainMasterPage.master.cs 


protected void Button1_Click(object sender, EventArgs e) 


{ 

Session.Remove("Name"); 

Session.Remove("readid"); 

Session.Remove("role ); 

Response.Redirect("/Login.aspx"); 
上 
2. 主页 面 


(1) 新 建 一 个 基于 MainMasterPage .master 母 版 页 的 Web 页 面 ， 命 名 为 Defaultaspx (将 原来 新 建 


_ 国 
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网 站 时 默认 的 Default.aspx 页 面 删除 ) ， 并 将 其 作为 图 书馆 管理 系统 的 主页 面 。 该 页 面 中 主要 用 到 的 控 
件 如 表 4.9 所 示 。 


表 4.9 主页 面 主要 用 到 的 控件 


控件 类 型 | 控件 吕 主要 属性 设置 用 和 途 
hpLinkBookSort er 居 作 区 本 和 SO 抱 Boo ob 查看 所 有 图 书 借阅 排行 
A yperLink 
| hpLinkReaderSort a ~SoniManage/ReaderBorrow | 查看 所 有 读者 借阅 排行 


gVBookSort HorizontalAlign 属性 设置 为 Center 


Tongshane 


(2) 在 Default.aspx 页 面 的 后 台 代码 中 ， 首 先 实例 化 所 需要 公共 类 的 类 对 象 。 代 码 如 下 : 


倒 程 26 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\Default.cs 


BookManage bookmanage = new BookManage(); 
ReaderManage readermanage = new ReaderManage(); 


显示 图 书 借阅 排行 
显示 读者 借阅 排行 


园 sriayiew 


Default.aspx 页 面 加 载 时 ， 调 用 公共 类 中 的 相应 方法 对 显示 图 书 借阅 排行 和 读者 借阅 排行 的 
GridView 控件 进行 数据 绑 定 。Default.aspx 页 面 的 Page Load 事件 代码 如 下 : 

倒 程 27 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\Default.cs 

protected void Page_Load(object sender, EventArgs e) 

{ 


DataSet bookds = bookmanage.GetBookSort("tb_bookinfo"); 
// 得 到 图 书 排行 信息 ， 并 填充 到 DataSet 数据 集 


gvBookSort.DataSource = bookds; /指定 显示 图 书 排行 GridView 控件 的 数据 源 
gvBookSort.DataBind(); // 对 显示 图 书 排行 的 GridView 控件 进行 绑 定 


DataSet readerds = readermanage.GetReaderSort("tb_reader"); 

// 得 到 读者 排行 信息 ， 并 填充 到 DataSet 数据 集 
gvReaderSort.DataSource = readerds; /指定 显示 读者 排行 GridView 控件 的 数据 源 
gvReaderSort.DataBind(); // 对 显示 读者 排行 的 GridView 控件 进行 绑 定 


在 GridView 控件 中 显示 图 书 借阅 排行 和 读者 借阅 排行 时 ， 需 要 为 其 进行 编号 ， 该 功能 主要 是 通过 
在 GridView 控件 的 RowDataBound 事件 中 动态 修改 GridView 控件 中 第 一 列 的 值 实现 的 。GridView 控 
件 的 RowDataBound 事件 代码 如 下 : 

倒 程 28 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\Default.cs 

protected void gvBookSort_RowDataBound(object sender, GridViewRowEventArgs e) 


if (e.Row.Rowindex != -1) 


€ 

int id = e.Row.Rowlndex + 1; // 存 储 排行 编号 

e.Row.Cells[0].Text = id.ToString(); /在 显示 图 书 排行 的 GridView 控件 中 添加 排行 编号 
} 
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protected void gvReaderSort_RowDataBound(object sender, GridViewRowEventArgs e) 


{ 
gvBookSort_RowDataBound(sender, e); 


} = 
4.5.4 单元 测试 


开发 完 主页 面 后 ， 为 了 保证 程序 正常 运行 ， 一 定 要 对 其 进行 单元 测试 。 单 元 测试 在 程序 开发 中 非 
常 重要 ， 只 有 通过 单元 测试 才能 发 现 模块 中 的 不 足 之 处 ， 从 而 及 时 地 弥补 程序 中 出 现 的 错误 。 下 面 对 
主页 面 中 容易 出 现 的 错误 进行 分 析 。 

操作 员 在 从 登录 页 面 进入 到 主页 面 后 ， 由 于 本 系统 可 以 同时 让 管理 员 和 读者 进行 登录 ， 而 管理 员 
和 读者 所 拥有 的 权限 肯定 是 不 相同 的 ， 因 此 在 主页 面 中 需要 判断 用 户 的 登录 身份 ， 从 而 区 别 登 录 者 的 
操作 权限 。 


4.6 图 书馆 信息 模块 设计 


4.6.1 图 书馆 信息 模块 概述 


图 书馆 信息 模块 主要 用 来 显示 图 书馆 的 详细 信息 ， 管 理 员 可 以 在 这 里 修改 图 书馆 信息 。 图 书馆 信 
息 模 块 运行 效果 如 图 4.19 所 示 。 


视频 讲解 


DL (zoomorotan) 


图 4.19 图 书馆 信息 模块 运行 效果 
4.6.2 图 书馆 信息 模块 技术 分 析 


开发 图 书馆 信息 模块 时 ， 主 要 用 到 了 数据 库 的 更 新 技术 ， 下 面 进 行 详细 介绍 。 
更 新 数据 库 中 的 记录 时 ， 主 要 用 到 了 UPDATE 运算 符 ， 其 语法 如 下 : 
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UPDATE<table_name | view_name> 
SET <column_name>=<expression> 

[...,<last column_name>=<last expression>] 
[WHERE<search_condition>] 


语法 中 各 参数 的 说 明 如 表 4.10 所 示 。 


表 4.10 参数 说 明 
参数 描述 
table name 需要 更 新 的 数据 表 名 
: 要 更 新 视图 的 名 称 。 通 过 view_name 来 引用 的 视图 必须 是 可 更 新 的 。 用 UPDATE 语句 进行 的 修 
Wa 改 ， 至 多 只 能 影响 视图 的 FROM 子 句 所 引用 的 基 表 中 的 一 个 
SET 指定 要 更 新 的 列 或 变量 名 称 的 列表 
含有 要 更 改 数据 的 列 的 名 称 。column_ name 必须 驻 留 于 UPDATE 子 句 中 所 指定 的 表 或 视图 中 。 
column name 标识 列 不 能 进行 更 新 。 如 果 指定 了 限定 的 列 名 称 ， 限 定 符 必 须 同 UPDATE 子 句 中 的 表 或 视图 的 
名 称 相 匹配 
变量 、 字 面值 、 表 达 式 或 加 上 括号 返回 单个 值 的 subSELECT 语句 。expression 返回 的 值 将 替换 
Se column_name 中 的 现 有 值 
WHERE 指定 条 件 来 限定 所 更 新 的 行 
二 为 更 新 行 指定 需 满足 的 条 件 。 搜 索 条 件 也 可 以 是 连接 所 基于 的 条 件 。 对 搜索 条 件 中 可 以 包含 的 
谓词 数量 没有 限制 


MN’ 
OE 


例如 ， 下 面 SQL 语句 用 来 更 新 编号 为 DZ10001 的 读者 信息 。 


Update tb_reader set name=' 王 **,sex=' 男 ',type=' 普 通读 者 ', paperType=' 身 份 证 ',paperNum="'14*343413', 
tel='0431- 8343**11',email='wang**2@163.com', oper=" 小 **",remark=' 好 人 ' where id='DZ10001' 


4.6.3 ”图 书馆 信息 模块 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb_library 
图 书馆 信息 模块 的 具体 实现 步骤 如 下 : 
(1) 新 建 一 个 基于 MainMasterPage.master 母 版 页 的 Web 页 面 ， 命 名 为 LibraryInfo.aspx， 作 为 图 
书馆 信息 页 面 。 该 页 面 中 主要 用 到 的 控件 如 表 4.11 所 示 。 


表 4.11 图 书馆 信息 页 面 主要 用 到 的 控件 


主要 属性 设置 
ReadOnly 属性 设置 为 True 


控件 ID 
txtLibName 


txtCurator 馆 长 
园 TextBox txtTel 联系 电话 
txtAddress 地 址 


txtEmail 
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主要 属性 设置 


txtCDate 建 馆 时 间 
| txtIntroduce TextMode 属性 设置 为 MultiLine | 图 书馆 介绍 
i bmsave 无 | 保存 图 书馆 信息 
btnCancel 重新 填写 图 书馆 信息 


(2) LibraryInfo.aspx 页 面 的 后 台 代码 中 ， 首 先 实例 化 所 需要 公共 类 的 类 对 象 ， 代 码 如 下 : 
倒 程 29 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\SysSet\LibraryInfo.aspx.cs 


ValidateClass validate = new ValidateClass(); 

LibraryManage librarymanage = new LibraryManage(); 

LibraryInfo.aspx 页 面 加载 时 ， 将 数据 库 中 原 有 的 图 书馆 信息 显示 在 对 应 的 TextBox 文本 框 中 。 
LibraryInfo.aspx 页 面 的 Page_ Load 事件 代码 如 下 : 

倒 程 30 ”代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\SysSet\LibraryInfo.aspx.cs 

protected void Page_Load(object sender, EventArgs e) 


this.Title = "图 书馆 信息 页 面 "; 
if (lsPostBack) 


{ 

DataSet ds = librarymanage.GetAlIlLib("tb_library"); // 获 取 图 书馆 信息 

if (ds.Tables[0].Rows.Count > 0) // 浏 断 是 否 存在 图 书馆 信息 

€ 
txtLibName.Text = ds.Tables[0].Rows[0][0].ToString(); /显示 图 书馆 名 称 
txtCurator. Text = ds.Tables[0].Rows[0][1].ToString(); /显示 图 书馆 馆 长 
txtTel.Text = ds.Tables[0].Rows[0][2].ToString(); /显示 图 书馆 电话 
txtAddress.Text = ds.Tables[0].Rows[0][3].ToString(); /显示 图 书馆 地 址 
txtEmail.Text = ds.Tables[0].Rows[0l[4].ToString(); /显示 图 书馆 E-mail 
txtUrl.Text = ds.Tables[0].Rows[0][5].ToString(); /显示 图 书馆 网 址 
txtCDate.Text = ds.Tables[0].Rows[0][6].ToString(); /显示 建 馆 日 期 
txtlntroduce.Text = ds.Tables[0].Rows[0][7].ToString(); /显示 图 书馆 简介 
btnSave.Text = "保存 "; 
txtLibName.ReadOnly = true; 

} 

else 
btnSave.Text = "添加 "; 
txtLibName.ReadOnly = false; 

} 

} 


3 


当 需 要 修改 图 书馆 信息 时 ， 在 各 TextBox 文本 框 中 输入 相应 内 容 ， 单 击 “ 保 存 ” 按 钮 ， 调 用 数据 
验证 类 中 的 相应 方法 判断 输入 的 内 容 是 否 正确 ， 如 果 正 确 ， 将 输入 的 内 容 保 存 到 数据 库 中 ; 否则 ， 弹 


区) 
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出 信息 提示 。“ 保 存 ” 按 钮 的 Click 事件 代码 如 下 : 
倒 程 31 代码 位 置 : 资源 包 \TM\04\LibraryMS\LibraryMS\SysSet\LibraryInfo.aspx.cs 


protected void btnSave_Click(object sender, EventArgs e) 
{ 
if (txtLibName. Text == "™") 
{ 
Response.Write("<script>alert(' 图 书馆 名 称 不 能 为 空 ! '");location='javascript:history.go(-1)';</script>"); 
return; 
} 
if (Ivalidate.validateNum(txtTel. Text)) 
{ 
Response.Write("<script>alert(" 电 话 输入 有 误 ! ');location='javascript:history.go(-1)';</script>"); 
return; 


if (Ivalidate.validateEmail(txtEmail. Text)) 

‘ 
Response.Write("<script>alert(E-mail 地 址 输入 有 误 ! ');location='javascript:history.go(-1)';</script>"); 
return; 


} 

if (Ivalidate.validateNAddress(txtUrl.Text)) 

{ 
Response.Write("<script>alert(' 网 址 格式 输入 有 误 ! ');location='javascript:history.go(-1)";</script>"); 
return; 

3 

librarymanage.LibraryName = txtLibName. Text; 

librarymanage.Curator = txtCurator. Text; 

librarymanage.Tel = txtTel.Text; 

librarymanage.Address = txtAddress. Text; 

librarymanage.Email = txtEmail. Text; 

librarymanage.URL = txtUrl.Text; 

librarymanage.CreateDate = 

Convert.ToDateTime(Convert.ToDateTime(txtCDate.Text).ToShortDateString()); 
librarymanage.Introduce = txtlntroduce.Text; 
if (btnSave.Text == "保存 ") 


* 
librarymanage.UpdateLib(librarymanage); // 更 新 图 书馆 信息 
Response.Write("<script language=javascript>alert(' 图 书馆 信息 保存 成 功 ! ')</script>"); 
} 
else if (btnSave.Text == "添加 ") 
{ 
librarymanage.AddLib(librarymanage); /添加 图 书馆 信息 
Response.Write("<script language=javascript>alert(' 图 书馆 信息 添加 成 功 ! ')</script>"); 
btnSave.Text = "保存 "; 
txtLibName.ReadOnly = true; 
} 


. 


单 击 “ 取 消 ” 按 钮 ， 清 空 各 TextBox 文本 框 中 的 内 容 ， 并 将 “ 建 馆 时 间 ” 文 本 框 中 的 初始 值 设 置 
为 当前 日 期 。“ 取 消 ” 按 钮 的 Click 事件 代码 如 下 : 


@ 
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倒 程 32 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\SysSet\LibraryInfo.aspx.cs 
protected void btnCancel_Click(object sender, EventArgs e) 


txtCDate. Text = DateTime.Now.ToShortDateString(); 

txtCurator. Text = txtTel. Text = txtAddress. Text = txtEmail. Text = txtUrl. Text = txtlntroduce.Text = 
string.Empty; 
} 


4.7 ”图书 信息 管理 模块 设计 


4.7.1 图 书信 息 管理 模块 概述 


图 书信 息 管理 模块 主要 分 为 图 书 档案 管理 页 面 和 添加 /修改 图 书信 息 页 面 ， 管 理 员 可 以 在 图 书 档案 
管理 页 面 查 看 图 书 的 基本 信息 , 也 可 以 通过 单 击 “ 添 加 图 书信 息 ” 超 链接 或 GridView 控件 中 的 “详情 ” 
超 链 接 跳 转 到 添加 /修改 图 书信 息 页 面 ， 并 在 该 页 面 中 添加 或 修改 图 书信 息 。 图 书 档案 管理 页 面 运行 效 
果 如 图 4.20 所 示 。 

添加 /修改 图 书信 息 页 面 运行 效果 如 图 4.21 所 示 。 


图 4.20 图 书 档案 管理 页 面 运行 效果 图 4.21 添加 /修改 图 书信 息 页 面 运行 效果 


4.7.2 ”图书 信息 管理 模块 技术 分 析 


图 书信 息 管 理 模块 实现 时 ， 主 要 使 用 了 ADO.NET 操作 数据 库 技术 。 

使 用 ADONET 技术 操作 数据 库 时 ， 主 要 用 到 了 Connection、Command、DataAdapter 和 DataSet 4 
个 对 象 。 其 中 ，Connection 对 象 主要 负责 连接 数据 库 ，Command 对 象 主要 负责 生成 并 执行 SQL 语句 ; 
DataAdapter 对 象 主要 负责 在 Command 对 象 执 行 完 SQL 语句 后 生成 并 填充 DataSet 和 DataTable; 


DataSet 对 象 主要 负责 存 取 和 更 新 数据 。 
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4.7.3 ”图 书信 息 管理 模块 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb_bookinfo、tb_booktype、tb_bookcase 
图 书信 息 管理 模块 包含 两 个 页 面 ， 分 别 用 来 查看 图 书信 息 和 添加 、 修 改 图 书信 息 。 该 模块 的 具体 
实现 步骤 如 下 。 
1. 查看 图 书信 息 页 面 
(1) 新 建 一 个 基于 MainMasterPage.master 母 版 页 的 Web 页 面 ， 命 名 为 BookManage.aspx， 主 要 
用 于 查看 所 有 的 图 书信 息 。 该 页 面 中 主要 用 到 的 控件 如 表 4.12 所 示 。 
表 4.12 查看 图 书信 息 页 面 主 要 用 到 的 控件 


控件 类 型 主要 属性 设置 用 和 途 
A HyperLink NavigateUrl 属性 设置 为 :~/BookManage/AddBook.aspx”| 转 到 “添加 图 书信 息 ” 页 面 


wii AllowPaging 属性 设置 为 True，PageSize 属性 设置 为 5 | 显示 图 书信 息 
(2) 在 BookManage.aspx 页 面 的 后 台 代码 中 ， 首 先 实 例 化 所 需要 公共 类 的 类 对 象 ， 代 码 如 下 : 
倒 程 33 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\BookManage\BookManage.aspx.cs 


BookManage bookmanage = new BookManage(); 
BookManage.aspx 页 面 的 后 台 代 码 中 自 定义 了 一 个 gvBind 方法 ， 该 方法 用 来 对 显示 图 书信 息 的 
GridView 控件 进行 数据 绑 定 。gvBind 方法 的 实现 代码 如 下 : 
倒 程 34 ”代码 位 置 : 资源 包 \TM\04\LibraryMS\LibraryMS\BookManage\BookManage.aspx.cs 


private void gvBind() 

{ 
DataSet ds = bookmanage.GetAllBook("tb_bookinfo"); // 获 取 所 有 图 书信 息 
gvBookInfo.DataSource = ds; /| 指定 GridView 控件 的 数据 源 
gvBooklInfo.DataKeyNames = new string[] { "bookcode" }; /指定 绑 定 到 GridView 控件 的 主键 字段 
gvBooklnfo.DataBind(); // 对 GridView 控件 进行 数据 绑 定 

} 


BookManage.aspx 页 面 加 载 时 ， 调 用 自 定义 方法 gvBind 对 GridView 控件 进行 数据 绑 定 。 
BookManage.aspx 页 面 的 Page_ Load 事件 代码 如 下 : 

倒 程 35 ”代码 位 置 : 资源 包 \TM\04\LibraryMS\LibraryMS\BookManage\BookManage.aspx.cs 

protected void Page_Load(object sender, EventArgs e) 

{ 

this.Title = "图 书 档案 管理 页 面 "; 


if (lsPostBack) 
gvBind(); ll 调用 自 定义 方法 显示 图 书信 息 


于 数据 中 的 记录 不 确定 ， 为 了 能 够 分 页 查看 所 有 的 图 书信 息 ， 需 要 触发 GridView 控件 的 


@ 
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PageIndexChanging 事件 。 实 现代 码 如 下 : 
倒 程 36 ”代码 位 置 : 资源 包 \TM\04\LibraryMS\LibraryMS\BookManage\BookManage.aspx.cs 


protected void gvBooklnfo_PagelndexChanging(object sender, GridViewPageEventArgs e) 


gvBooklnfo.Pagelndex = e.NewPagelndex; 


gvBind(); 
} 
在 GridView 控件 中 单 击 “ 删 除 ” 按 钮 ， 删 除 选中 行 记录 。GridView 控件 的 RowDeleting 事件 代码 
如 下 : 
倒 程 37 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\BookManage\BookManage.aspx.cs 


protected void gvBookInfo_RowDeleting(object sender, GridViewDeleteEventArgs e) 
{ 


bookmanage.BookCode = gvBooklnfo.DataKeys[e.Rowlndex].Value.ToString(); /指定 要 删除 的 图 书 编号 
bookmanage.DeleteBook(bookmanage); /删除 指定 的 图 书信 息 
Response.Write("<script>alert( 图 书信 息 删除 成 功 ')</script>"); 
gvBind(); 

} 


2. 添加 /修改 图 书信 息 页 面 


(1) 新 建 一 个 基于 MainMasterPage.master 母 版 页 的 Web 页 面 ， 命 名 为 AddBook.aspx， 主 要 用 于 
添加 或 修改 图 书信 息 。 该 页 面 中 主要 用 到 的 控件 如 表 4.13 所 示 。 
表 4.13 添加 /修改 图 书信 息 页 面 主 要 用 到 的 控件 


控件 类 型 主要 属性 设置 用 途 
无 图 书 条 形 码 
无 图 书 名 称 
无 作者 
无 译 者 
txtPub 无 出 版 社 
Be] TextBox txtPrice 无 价格 
txtPage 无 页 码 
txtStorage 无 库存 数量 
txtInTime 无 入 馆 时 间 
txtOper 无 操作 员 
txtRemark TextMode 属性 设置 为 MultiLine 备注 
ddlBType 无 选择 图 书 类 型 
国 DropDownList 
DdlBCase 无 选择 书架 
btnAdd Enabled 属性 设置 为 False 添加 图 书信 息 
加 Batten btnSave Enabled 属性 设置 为 False 修改 图 书信 息 
btnCancel 无 重新 输入 图 书信 息 
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(2) 在 AddBook.aspx 页 面 的 后 台 代码 中 ， 首 先 实例 化 所 需要 公共 类 的 类 对 象 ， 代 码 如 下 : 


倒 程 38 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\BookManage\AddBook.aspx.cs 


ValidateClass validate=new ValidateClass(); 

BookcaseManage bookcasemanage = new BookcaseManage(); 
BTypeManage btypemanage = new BTypeManage(); 
BookManage bookmanage = new BookManage(); 


AddBook.aspx 页 面 的 后 台 代 码 中 自 定 义 了 一 个 ValidateFun 方法 , 该 方法 用 来 对 TextBox 文本 框 中 
的 输入 字符 串 进行 验证 。ValidateFun 方法 的 实现 代码 如 下 : 


倒 程 39 ”代码 位 置 ; 资源 包 \TM\04\LibraryMS\LibraryMS\BookManage\AddBook.aspx.cs 
protected void ValidateFun() 


if (txtBCode. Text == "") 


{ 
Response.Write("<script>alert(' 图 书 条 形 码 不 能 为 空 ! ');location='javascript:history.go(-1)';</script>"); 
return; 


; 
if (txtBName. Text == "™) 


€ 
Response.Write("<script>alert(' 图 书 名 称 不 能 为 空 ! ');location='javascript:history.go(-1)';</script>"); 
return; 


} 
if (Ivalidate.validateNum(txtPrice. Text)) 


{ 
Response.Write("<script>alert(' 图 书 价格 输入 有 误 ! ');location='javascript:history.go(-1)';</script>"); 
return; 


} 
if (Ivalidate.validateNum(txtPage. Text)) 


b Response.Write("<script>alert(' 图 书页 码 输入 有 误 ! ');location='javascript:history.go(-1)';</script>"); 
return; 

水 

if (lvalidate.validateNum(txtStorage.Text)) 

Response.Write("<script>alert(' 图 书库 存量 输入 有 误 ! ');location='javascript:history.go(-1);</script>"); 
return; 

} 


AddBook.aspx 页 面 加载 时 , 首先 对 “图 书 类 型 "和 “书架 ”下 拉 列 表 框 进行 数据 绑 定 , 然后 在 TextBox 
文本 框 中 显示 对 应 的 图 书信 息 。AddBook.aspx 页 面 的 Page Load 事件 代码 如 下 : 


倒 程 40 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\BookManage\AddBook.aspx.cs 


protected void Page_Load(object sender, EventArgs e) 
和. 


this.Title = "添加 /修改 图 书信 息 页 面 "; 
if (llsPostBack) 
{ 


@ 
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DataSet bcaseds = bookcasemanage.GetAlIBCase("tb_bookcase"); // 获 取 书 架 信息 
ddIBCase.DataSource = bcaseds; 


ddlBCase.DataTextField = "name"; /指定 要 绑 定 到 下 拉 列 表 框 的 字段 
ddIBCase.DataBind(); 

DataSet btypeds = btypemanage.GetAllBType("tb_booktype"); /获取 图 书 类 型 信息 
ddIBType.DataSource = btypeds; 

ddlBType.DataTextField = "typename"; // 指 定 要 绑 定 到 下 拉 列 表 框 的 字段 
ddIBType.DataBind(); 


if (Request["bookcode"] == null) 
{ 
btnAdd.Enabled = true; 
txtinTime.Text = DateTime.Now.ToShortDateString(); 


else 
{ 
btnSave.Enabled = true; 
txtBCode.Text = Request["bookcode"].ToString(); 


// 根 据 编 号 获得 图 书信 息 

DataSet bookds = bookmanage.FindBookByCode(bookmanage,"tb_bookinfo"); 
txtBName.Text = bookds.Tables[0].Rows[0][1].ToString(); // 显 示 图 书 名 称 
ddlBType.SelectedValue = bookds.Tables[0].Rows[0][2].ToString(); 。 // 显 示 图 书 类 型 
txtAuthor. Text = bookds.Tables[0].Rows[0][3].ToString(); // 显 示 图 书 作 者 
txtTranslator. Text = bookds.Tables[0].Rows[0][4].ToString(); // 显 示 图 书 译 者 
txtPub.Text = bookds.Tables[0].Rows[0][5].ToString(); /显示 出 版 社 
txtPrice.Text = bookds.Tables[0].Rows[0][6].ToString(); /显示 图 书 价格 
txtPage.Text = bookds.Tables[0].Rows[0][7].ToString(); /显示 图 书页 码 
ddlBCase.SelectedValue = bookds.Tables[0].Rows[0][8].ToString(); /显示 图 书 所 在 书架 
txtStorage.Text = bookds.Tables[0].Rows[0][9].ToString(); /显示 图 书库 存 数量 
txtinTime.Text = bookds.Tables[0].Rows[0][10].ToString(); /显示 图 书 入 馆 时间 
txtOper.Text = bookds.Tables[0].Rows[0][11].ToString(); /显示 操作 员 


如 果 管 理 员 是 在 图 书 档案 管理 页 面 中 单 击 “ 添 加 图 书信 息 ” 超 链接 进入 添加 /修改 图 书信 息 页 面 的 ， 
则 该 页 面 中 各 TextBox 文本 框 内 容 为 空 ， 这 时 需要 管理 员 输 入 相应 的 图 书信 息 ， 然 后 单 击 “ 添 加 ” 按 
钮 ， 调 用 ValidateFun 自 定 义 方法 对 TextBox 文本 框 中 输入 的 内 容 进 行 验证 ， 如 果 验 证 成 功 ， 判 断 输入 
的 图 书 是 否 已 经 存在 ， 如 果 存 在 ， 弹 出 提示 信息 ; 否则 ， 将 TextBox 文本 框 中 输入 的 图 书 相关 信息 保 
存 到 数据 库 中 。“ 添 加 ”按钮 的 Click 事件 代码 如 下 : 

倒 程 41 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\BookManage\AddBook.aspx.cs 


protected void btnAdd_Click(object sender, EventArgs e) 
{ 
ValidateFun(); 
bookmanage.BookCode = txtBCode.Text; 
if (bookmanage.FindBookByCode(bookmanage, "tb_bookinfo").Tables[0].Rows.Count > 0) 
{ 
Response.Write("<script>alert(' 该 图 书 已 经 存在 ! ')</script>"); 
return; 
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bookmanage.BookName = txtBName.Text; 
bookmanage.Type = ddlBType.SelectedValue; 
bookmanage.Author = txtAuthor. Text; 
bookmanage.Translator = txtTranslator. Text; 
bookmanage.PubName = txtPub. Text; 
bookmanage.Price = Convert.ToDecimal(txtPrice. Text); 
bookmanage.Page = Convert. Tolnt32(txtPage.Text); 
bookmanage.Bcase = ddlBCase.SelectedValue; 
bookmanage.Storage = Convert.Tolnt32(txtStorage.Text); 
bookmanage.InTime = Convert.ToDateTime(txtlnTime.Text); 
bookmanage.Oper = txtOper. Text; 


bookmanage.AddBook(bookmanage); /添加 图 书信 息 
Response.Redirect("BookManage.aspx"); // 跳 转 到 图 书 档案 管理 页 面 


} 


如 果 管理 员 是 在 图 书 档案 管理 页 面 中 单 击 GridView 控件 中 的 “详情 ” 超 链接 进入 添加 /修改 图 书 
信息 页 面 的 ， 则 在 该 页 面 中 的 各 TextBox 文本 框 中 显示 选择 的 图 书信 息 ， 这 时 如 果 管 理 员 要 修改 图 书 
信息 , 可 以 对 TextBox 文本 框 中 的 内 容 进行 编辑 , 然后 单 击 “ 修 改 ” 按 钮 ,调用 自 定义 方法 ValidateFun 
对 TextBox 文本 框 中 输入 的 内 容 进行 验证 ， 如 果 验 证 成 功 ， 则 将 TextBox 文本 框 中 的 图 书 相关 信息 保 
存 到 数据 库 中 。“ 修 改 ” 按 钮 的 Click 事件 代码 如 下 : 


倒 程 42 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\BookManage\AddBook.aspx.cs 


protected void btnSave_Click(object sender, EventArgs e) 

{ 
ValidateFun(); 
bookmanage.BookCode = txtBCode.Text; 
bookmanage.BookName = txtBName.Text; 
bookmanage.Type = ddlBType.SelectedValue; 
bookmanage.Author = txtAuthor. Text; 
bookmanage.Translator = txtTranslator. Text; 
bookmanage.PubName = txtPub. Text; 
bookmanage.Price = Convert.ToDecimal(txtPrice. Text); 
bookmanage.Page = Convert. Tolnt32(txtPage.Text); 
bookmanage.Bcase = ddlBCase.SelectedValue; 
bookmanage. Storage = Convert.Tolnt32(txtStorage. Text); 
bookmanage.InTime = Convert.ToDateTime(txtInTime.Text); 
bookmanage.Oper = txtOper. Text; 


bookmanage.UpdateBook(bookmanage); /修改 图 书信 息 
Response.Redirect("BookManage.aspx"); // 跳 转 到 图 书 档案 管理 页 面 


> 
单 击 “ 取 消 ”按钮 ， 清 空 各 TextBox 文本 框 内 容 ， 并 将 “入 馆 时 间 ” 文 本 框 中 的 初始 值 设 置 为 当 
前 日 期 。“ 取 消 ” 按 钮 的 Click 事件 代码 如 下 : 


倒 程 43 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\BookManage\AddBook.aspx.cs 


protected void btnCancel_Click(object sender, EventArgs e) 
{ 


txtinTime. Text = DateTime.Now.ToShortDateString(); 
txtBName. Text = txtAuthor. Text = txtTranslator. Text = txtPub. Text = txtPrice. Text = txtPage.Text = 


@ 
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txtStorage. Text = txtOper.Text = string.Empty; 
3 


4.8 图 书 借 还 管理 模块 设计 


4.8.1 图 书 借 还 管理 模块 概述 


图 书 借 还 管理 模块 主要 分 为 图 书 借阅 页 面 和 图 书 归还 页 面 。 在 图 书 借阅 页 面 中 可 以 查看 读者 的 图 书 
借阅 信息 , 并 借阅 图 书 ; 在 图 书 归 还 页 面 中 可 以 归还 某 读者 所 借 图 书 。 图 书 借阅 页 面 运行 效果 如 图 4.22 
所 示 。 图 书 归 还 页 面 运行 效果 如 图 4.23 所 示 。 
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4.22 图 书 借阅 页 面 运行 效果 
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4.23 ”图 书 归还 页 面 运 行 效果 


4.8.2 图 书 借 还 管理 模块 技术 分 析 


实现 图 书 的 借 还 功能 时 ， 主 要 用 到 了 GridView 模板 列 技术 。 下 面 介绍 如 何在 GridView 控件 中 添 


加 模板 列 。 具 体 步 又 如 下 : 
(1) 选中 要 添加 模板 列 的 GridView 控件 ， 单 击 GridView 控件 上 方 的 思 图 标 ， 在 弹出 的 菜单 中 先 


择 “ 编 辑 列 ”命令 ， 弹 出 如 图 4.24 所 示 的 “字段 ”对 话 框 。 在 该 对 话 框 的 “可 用 字段 ”列表 框 中 选择 
TemplateField 选项 ， 单 击 “ 添 加 ”按钮 ， 即 可 在 GridView 控件 中 添加 一 个 模板 列 。 


胞 马 马 ASPNET 项 目 开发 全 程 实录 (第 4 版 ) 


占 动 成 闻 委 (G) Templatefi 


[= | 
图 4.24 “字段 ”对 话 框 
(2) 单 击 “ 确 定 ”按钮 ， 关 闭 “字段 ”对 话 框 ， 再 次 单 击 GridView 控件 上 方 的 图 标 ， 在 弹出 
的 菜单 中 选择 “编辑 模板 ”命令 ，GridView 控件 变换 为 如 图 4.25 所 示 样 式 ， 这 里 可 以 编辑 模板 列 ， 编 
辑 完 成 后 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “结束 模板 编辑 ”命令 ， 完 成 模板 列 的 编辑 。 
gvBookinfo - Columnt6] - 借阅 


HemTemplate 


夯 | 


图 4.25 编辑 模板 列 样式 
例如 ， 在 GridView 控件 的 模板 列 中 实现 图 书 借阅 功能 的 代码 如 下 : 


倒 程 44 ”代码 位 置 : 资源 包 \TM\04\LibraryMS\LibraryMS\BookBRManage\BorrowBook.aspx.cs 
protected void gvBookInfo_RowUpdating(object sender, GridViewUpdateEventArgs e) 


if (Session["readerid"] == null) 
‘ 
Response.Write("<script>alert(' 请 输入 读者 编号 ! ')</script>"); 


else 

{ 
borrowandbackmanage.ID = borrowandbackmanage.GetBorrowBookID!(); 
borrowandbackmanage.ReadID = Session["readerid"].ToString(); 
borrowandbackmanage.BookCode = gvBooklnfo.DataKeys[e.Rowlndex].Value.ToString(); 
borrowandbackmanage.BorrowTime = Convert.ToDateTime(DateTime.Now.ToShortDateString()); 
btypemanage.TypeName = gvBookInfo.Rows[e.RowIndex].Cells[2].Text; 
int days = Convert.Tolnt32(btypemanage.FindBTypeByName(btypemanage，, 


"tb_booktype").Tables[0]. Rows[0][2].ToString()); /获取 可 借 天 数 
TimeSpan tspan = TimeSpan.FromDays((double)days); 。 // 将 可 借 天 数 转 换 为 相应 的 TimeSpan 时 间 段 
// 设 置 图 书 应 该 归还 时 间 


borrowandbackmanage.YGBackTime = borrowandbackmanage.BorrowTime + tspan; 
borrowandbackmanage.BorrowOper = Session["Name"].ToString(); 


@ 
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borrowandbackmanage.AddBorrow(borrowandbackmanage); /添加 借 书信 息 
gvBRBookBind(); 

bookmanage.BookCode = gvBooklnfo.DataKeys[e.Rowindex].Value.ToString(); 

DataSet bookds = bookmanage.FindBookByCode(bookmanage, "tb_bookinfo"); 
bookmanage.BorrowNum = Convert.Tolnt32(bookds.Tables[0].Rows[0][12].ToString()) + 1; 
bookmanage.UpdateBorrowNum(bookmanage); // 更 新 图 书 借 阅 次 数 
readermanage.ID = Session["readerid"].ToString(); 

DataSet readerds = readermanage.FindReaderByCode(readermanage, "tb_reader"); 
readermanage.BorrowNum = Convert.Tolnt32(readerds.Tables[0].Rows[0][12].ToString()) + 1; 
readermanage.UpdateBorrowNum(readermanage); /更 新 读者 借阅 次 数 


4.8.3 图书 借 还 管理 模块 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb_reader、tb_readertype、tb_bookinfo、tb_booktype、tb_borrowandback 
图 书 借 还 管理 模块 包含 两 个 页 面 ， 分 别 用 来 实现 读者 借阅 图 书 和 归还 图 书 功能 。 该 模块 的 具体 实 


现 步 又 如 下 : 


1. 图 书 借阅 页 面 


(1) 新 建 一 个 基于 MainMasterPage.master 母 版 页 的 Web 页 面 , 命名 为 BorrowBook.aspx， 主 要 用 
于 实现 读者 借阅 功能 。 该 页 面 中 主要 用 到 的 控件 如 表 4.14 所 示 。 


表 4.14 图书 借 阅 页 面 主要 用 到 的 控件 


控件 类 型 控件 ID 主要 属性 设置 用 途 
txtReaderID 无 输入 读者 编号 
txtReader Readonly 属性 设置 为 True 显示 读者 姓名 
txtSex, Readonly 属性 设置 为 True 显示 读者 性 别 
四 Te |_txtPaperType Readonly 属性 设置 为 True 显示 读者 证 件 类 型 
txtPaperNum Readonly 属性 设置 为 Tme 显示 读者 证 件 号 码 
txtRType Readonly 属性 设置 为 True 显示 读者 类 型 
txtBNum Readonly 属性 设置 为 Tme 显示 读者 可 借 数 量 
Botton binSure 无 根据 读者 编号 获取 读者 信息 
在 其 模板 列 中 添加 一 个 Button 控件 , 并 将 该 控件 的 ID | 显示 所 有 可 借 图 书 ， 读 者 可 
于 二 页 。 | SNMfe 。 | 和 Command 属性 分 别 设置 为 btuBorrow 和 Update 。 | 以 选择 借阅 
BorrowBook | AllowPaging 属性 设置 为 Tme，PageSize 属性 设置 为 5 | 显示 读者 借阅 的 图 书 


(2) 在 BorrowBook.aspx 页 面 的 后 台 代 码 中 ， 首 先 实例 化 所 需要 公共 类 的 类 对 象 ， 代 码 如 下 : 
倒 程 45 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\BookBRManage\BorrowBook.aspx.cs 


ReaderManage readermanage = new ReaderManage(); 

RTypeManage rtypemanage = new RType Manage!(); 

BookManage bookmanage = new BookManage(); 

BTypeManage btypemanage = new BTypeManage(); 

BorrowandBackManage borrowandbackmanage = new BorrowandBackManage(); 


辐 
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BorrowBook.aspx 页 面 的 后 台 代 码 中 自 定 义 了 两 个 方法 ， 分 别 为 gvBInfoBind 和 gvBRBookBind,， 
其 中 ,gvBInfoBind 方法 用 来 将 数据 库 中 的 所 有 图 书信 息 绑 定 到 GridView 控件 上 ，gvBRBookBind 方法 
用 来 将 指定 读者 所 借 的 图 书 及 基本 信息 绑 定 到 GridView 控件 上 。gvBInfoBind 和 gvBRBookBind 方法 
的 实现 代码 如 下 : 

倒 程 46 代码 位 置 资源 包 \TM\04\LibraryMS\LibraryMS\BookBRManage\BorrowBook.aspx.cs 


// 绑 定 所 有 图 书信 息 
protected void gvBInfoBind() 


DataSet bookds = bookmanage.GetAllBook("tb_bookinfo"); // 获 取 所 有 图 书信 息 
gvBooklInfo.DataSource = bookds; 
gvBooklnfo.DataKeyNames = new string[] { "bookcode" }; /指定 要 绑 定 到 GridView 控件 的 主键 字段 


gvyBooklnfo.DataBind(); 

} 

// 绑 定 指定 读者 所 借 的 图 书信 息 

protected void gvBRBookBind() 

‘ 
borrowandbackmanage.ReadID = txtReaderlD.Text; /指定 读者 编号 
/根据 读 者 编号 获取 其 所 借 图 书信 息 


DataSet brinfods = borrowandbackmanage.FindBoBaBookByRID(borrowandbackmanage, 
"view_BookB RiInfo"); 

gvBorrowBook.DataSource = brinfods; 

gvBorrowBook.DataBind(); 
} 


BorrowBook.aspx 页 面 加 载 时 ， 判 断 用 户 的 登录 身份 是 管理 员 还 是 读者 ， 如 果 是 读者 ， 则 在 页 面 初 
始 化 时 ， 在 “读者 编号 ”文本 框 中 显示 登录 的 读者 编号 ， 同 时 将 图 书馆 中 的 图 书信 息 显 示 在 页 面 中 。 
BookManage.aspx 页 面 的 Page_ Load 事件 代码 如 下 : 

倒 程 47 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\BookBRManage\BorrowBook.aspx.cs 

protected void Page_Load(object sender, EventArgs e) 


this.Title = "图 书 借阅 页 面 "; 
if (lsPostBack) 


if (Session["role"] == "Reader") // 判 断 是 不 是 读者 登录 
{ 
txtReaderlD.Text = Session["readid"].ToString(); /显示 读者 编号 
} 
gvBlInfoBind(); 


} 

单 击 “ 确 定 ” 按 钮 ， 判 断 “ 读 者 编号 ”文本 框 是 否 为 空 ， 如 果 是 ， 弹 出 提示 信息 ; 否则 ， 根 据 读 
者 编号 获得 读者 信息 及 其 所 借 图 书 ， 并 分 别 显示 在 TextBox 文本 框 和 GridView 控件 中 。“ 确 定 ” 按 钮 
的 Click 事件 代码 如 下 : 


他 
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倒 程 48 ”代码 位 置 : 资源 包 \TM\04\LibraryMS\LibraryMS\BookBRManage\BorrowBook.aspx.cs 
protected void btnSure_Click(object sender, EventArgs e) 


{ 
if (txtReaderlD.Text == ”) 
i 
Response.Write("<script>alert(' 读 者 编号 不 能 为 空 ! ')</script>"); 
} 
else 
. 
readermanage.ID = txtReaderlD. Text:; /| 指定 读者 编号 
1/ 获取 指定 编号 的 读者 信息 
DataSet readerds = readermanage.FindReaderByCode(readermanage, "tb_reader"); 
if (readerds.Tables[0].Rows.Count > 0) 
{ 
txtReader. Text = readerds.Tables[0].Rows[0][1].ToString(); /显示 读者 姓名 
txtSex.Text = readerds.Tables[0].Rows[0][2].ToString(); /显示 读者 性 别 
txtPaperType.Text = readerds.Tables[0].Rows[0][5].ToString(); /显示 读者 所 注册 证 件 类 型 
txtPaperNum.Text = readerds.Tables[0].Rows[0][6].ToString(); /显示 读者 所 注册 证 件 号 码 
txtRType.Text = readerds.Tables[0].Rows[0][3].ToString(); /显示 读者 类 型 
} 
else 
{ 
Response.Write("<script>alert(' 该 读者 不 存在 ! ')</script>"); 
return; 
} 
rtypemanage.Name = txtRType. Text; // 指 定 读者 类 型 名 称 
1/ 获取 指定 读者 类 型 的 相关 信息 
DataSet rtypeds = rtypemanage.FindRTypeByName(rtypemanage, "tb_readertype"); 
txtBNum. Text = rtypeds.Tables[0].Rows[0][2].ToString(); // 显 示 可 借 数量 
gvBRBookBind(); 
Session["readerid"] = txtReaderlD.Text; // 记 录 输 入 的 读者 编号 
} 
} 


于 图 书馆 中 的 图 书 数量 和 读者 所 借 的 图 书 数量 不 确定 ， 为 了 能 够 分 页 查看 这 些 信息 ， 需 要 触发 
GridView 控件 的 PageIndexChanging 事件 。 实 现代 码 如 下 : 
倒 程 49 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\BookBRManage\BorrowBook.aspx.cs 


protected void gvBooklnfo_PagelndexChanging(object sender, GridViewPageEventArgs e) 


gvBooklnfo.Pagelndex = e.NewPagelIndex; 
gvBlInfoBind(); 
} 
protected void gvBorrowBook_PagelndexChanging(object sender, GridViewPageEventArgs e) 
{ 
gvBorrowBook.Pagelndex = e.NewPagelndex; 
gvBRBookBind(); 
} 


当 在 显示 所 有 图 书 的 GridView 控件 中 单 击 “ 借 阅 ”按钮 时 ， 触 发 GridView 控件 的 RowUpdating 


_ 国 
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事件 , 将 读者 编号 和 选中 的 图 书信 息 添 加 到 图 书 借 还 表 中 。 GridView 控件 的 RowUpdating 事件 代码 如 下 : 


倒 程 50 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\BookBRManage\BorrowBook.aspx.cs 
protected void gvBookInfo_RowUpdating(object sender, GridViewUpdateEventArgs e) 


{ 


if (Session["readerid"] == 


{ 
} 


else 


{ 


Rows[O][2].ToString()); 


. 


null) 


Response.Write("<script>alert(' 请 输入 读者 编号 ! ')</script>"); 


borrowandbackmanage.ID = borrowandbackmanage.GetBorrowBookID(); 
borrowandbackmanage.ReadID = Session["readerid"].ToString(); 

borrowandbackmanage.BookCode = gvBooklnfo.DataKeys[e.Rowlndex].Value.ToString(); 
borrowandbackmanage.BorrowTime = Convert.ToDateTime(DateTime.Now.ToShortDateString()); 
btypemanage.TypeName = gvBooklnfo.Rows[e.Rowlndex].Cells[2].Text; 

int days = Convert.Tolnt32(btypemanage.FindBTypeByName(btypemanage， "tb_booktype"). ables[0]. 
// 获 取 可 借 天 数 

TimeSpan tspan = TimeSpan.FromDays((double)days); /将 可 借 天 数 转 换 为 相应 的 TimeSpan 时 间 段 
/设置 图 书 应 该 归还 时 间 

borrowandbackmanage.YGBackTime = borrowandbackmanage.BorrowTime + tspan; 
borrowandbackmanage.BorrowOper = Session["Name"].ToString(); 
borrowandbackmanage.AddBorrow(borrowandbackmanage); 
gvBRBookBind!(); 

bookmanage.BookCode = gvBooklInfo.DataKeys[e.RowIndex].Value.ToString(); 

DataSet bookds = bookmanage.FindBookByCode(bookmanage, "tb_bookinfo"); 
bookmanage.BorrowNum = Convert.Tolnt32(bookds.Tables[0].Rows[0][12].ToString()) + 1; 
bookmanage.UpdateBorrowNum(bookmanage); // 更 新 图 书 借阅 次 数 
readermanage.ID = Session["readerid"].ToString(); 

DataSet readerds = readermanage.FindReaderByCode(readermanage, "tb_reader"); 
readermanage.BorrowNum = Convert.Tolnt32(readerds.Tables[0].Rows[0][12].ToString()) + 1; 
readermanage.UpdateBorrowNum(readermanage); // 更 新 读者 借阅 次 数 


/添加 借 书信 息 


2. 图 书 归还 页 面 
(1) 新 建 一 个 基于 MainMasterPage.master 母 版 页 的 Web 页 面 ， 命 名 为 ReturnBook.aspx， 主 要 用 


于 实现 读者 还 书 功 能 。i 


该 页 面 中 主要 用 到 的 控件 如 表 4.15 所 示 。 


表 4.15 图 书 归还 页 面 主要 用 到 的 控件 


控件 ID 主要 属性 设置 


[sb] TextBox 


|_stReaderD 无 | 输入 读者 编号 

|_txtReader ReadOnly 属性 设置 为 True | 显示 读者 姓名 

| wxtsex ReadOnly 属性 设置 为 True | 显示 读者 性 别 

| txtPaperType ReadOnly 属性 设置 为 Tme | 显示 读者 证 件 类 型 

|_txtPaperNum | ReadOnly 属性 设置 为 Tme | 显示 读者 证 件 号 码 

| eaRType ReadOnly 属性 设置 为 True | 显示 读者 类 型 
txtBNum ReadOnly 属性 设置 为 True 显示 读者 可 借 数 量 
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续 表 
控件 类 型 主要 属性 设置 用 途 
i Urine 无 根据 读者 编号 获取 读者 信息 


在 其 模板 列 中 添加 一 个 Button 控件 ， 并 将 该 控 
ide gvBorrowBook | 件 的 ID 和 Command 属性 分 别 设置 为 btnBorrow 
和 Update 


显示 读者 借阅 的 图 书 , 读者 可 
以 选择 归还 


(2) ReturnBook.aspx 页 面 加 载 时 ， 判 断 用 户 的 登录 身份 是 管理 员 还 是 读者 ， 如 果 是 读者 ， 则 在 
页 面 初始 化 时 ， 在 “读者 编号 ”文本 框 中 显示 登录 的 读者 编号 。BookManage.aspx 页 面 的 Page Load 
事件 代码 如 下 : 
倒 程 51 代码 位 置 : 资源 包 \TM\04\LibraryMS\LibraryMS\BookBRManage\ReturnBook.aspx.cs 
protected void Page_Load(object sender, EventArgs e) 


this.Title = "图 书 归 还 页 面 "; 
if (llsPostBack) 


if (Session["role"] == "Reader") // 判 断 是 不 是 读者 登录 


txtReaderlD.Text = Session["readid"].ToString(); // 显 示 读者 编号 


} 

单 击 “ 确 定 ”按钮 ， 判 断 “ 读 者 编号 ”文本 框 是 否 为 空 ， 如 果 是 ， 弹 出 提示 信息 ; 否则 ， 根 据 读 
者 编号 获得 读者 信息 及 其 所 借 图 书 ， 并 分 别 显示 在 TextBox 文本 框 和 GridView 控件 中 。“ 确 定 ”按钮 
的 Click 事件 代码 如 下 : 

倒 程 52 代码 位 置 ， 资 源 包 \TM\04\LibraryMS\LibraryMS\BookBRManage\ReturnBook.aspx.cs 

protected void btnSure_Click(object sender, EventArgs e) 


if (txtReaderlD. Text == "™" 


Response.Write("<script>alert(' 读 者 编号 不 能 为 空 ! ')</script>"); 

else 

‘ 
readermanage.ID = txtReaderlD.Text; /指定 读者 编号 
/根据 指定 编号 获得 读者 信息 


DataSet readerds = readermanage.FindReaderByCode(readermanage, "tb_reader"); 
if (readerds. Tables[0].Rows.Count > 0) 


{ 
txtReader.Text = readerds.Tables[0].Rows[0][1].ToString(); /显示 读者 姓名 
txtSex.Text = readerds.Tables[0].Rows[0][2].ToString(): /显示 读者 性 别 
txtPaperType.Text = readerds.Tables[0].Rows[0][5].ToString(); /显示 读者 证 件 类 型 
txtPaperNum .Text = readerds.Tables[0].Rows[0][6] ToString(); /显示 读者 证 件 号 码 


时 
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} 


txtRType. Text = readerds. Tables[0].Rows[O][3].ToString(); /显示 读者 类 型 
} 
else 

Response.Write("<script>alert(' 该 读者 不 存在 ! ')</script>"); 

return; 
} 
rtypemanage.Name = txtRType.Text; // 指 定 读者 类 型 名 称 
1/ 获取 指定 读者 类 型 的 相关 信息 
DataSet rtypeds = rtypemanage.FindRTypeByName(rtypemanage, "tb_readertype"); 
txtBNum.Text = rtypeds.Tables[O].Rows[O][2].ToString(); // 显 示 可 借 数量 
gvBRBookBind(); 
Session["readerid"] = txtReaderlD. Text; // 记 录 读 者 编号 


由 于 读者 所 借 的 图 书 数 量 不 确定 ， 为 了 能 够 分 页 查看 这 些 信息 ， 需 要 触发 GridView 控件 的 
PageIndexChanging 事件 。 实 现代 码 如 下 : 


倒 程 53 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\BookBRManage\ReturnBook.aspx.cs 


protected void gvBorrowBook_PagelndexChanging(object sender, GridViewPageEventArgs e) 


€ 


gvBorrowBook.Pagelndex = e.NewPagelndex; 
gvBRBookBind(); 


} 


当 在 显示 读者 所 借 图 书 的 GridView 控件 中 单 击 “ 归 还 ”按钮 时 ,触发 GridView 控件 的 RowUpdating 
事件 ， 将 图 书 归还 信息 更 新 到 图 书 借 还 表 中 。GridView 控件 的 RowUpdating 事件 代码 如 下 : 

倒 程 54 ”代码 位 置 : 资源 包 \TM\04\LibraryMS\LibraryMS\BookBRManage\ReturnBook.aspx.cs 

protected void gvBorrowBook_RowUpdating(object sender, GridViewUpdateEventArgs e) 


if (Session["readerid"] == null) 


和 


else 


Response.Write("<script>alert(' 请 输入 读者 编号 ! ')</script>"); 


// 指 定 借 书 编号 

borrowandbackmanage.ID = gvBorrowBook.DataKeys[e.Rowindex].Value.ToString(); 
borrowandbackmanage.SJBackTime = Convert.ToDateTime(DateTime.Now.ToShortDateString()); 
borrowandbackmanage.BackOper = Session["Name"].ToString(); 

borrowandbackmanage.lsBack = true; 

// 更 新 借 书信 息 

borrowandbackmanage.UpdateBackBook(borrowandbackmanage); 

gvBRBookBind(); 
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4.8.4 单元 测试 


开发 完 图 书 借 还 管理 模块 后 ， 为 了 保证 程序 正常 运行 ， 一 定 要 对 模块 进行 单元 测试 。 

实现 图 书 借 还 管理 模块 时 ， 由 于 用 到 了 GridView 控件 的 模板 列 ， 单 击 模板 列 中 的 按钮 时 ， 需 要 执 
行 借阅 和 归还 操作 ， 但 模板 列 中 的 按钮 并 不 能 直接 触发 Click 事件 ， 因 此 需要 在 GridView 控件 的 相关 
事件 下 编写 代码 。 这 时 就 需要 设置 模板 列 中 按钮 的 CommandName 命令 属性 ，GridView 控件 会 识别 
Cancel、Delete、Edit、Page、Select、Sort 和 Update 等 命令 名 ， 并 自动 引发 和 处 理 控件 的 相应 事件 。 例 
如 ,该 模块 将 GridView 控件 的 模板 列 中 完成 借阅 和 归还 功能 的 Button 控件 的 CommandName 属性 均 设 
置 为 Update， 然 后 直接 在 GridView 控件 的 RowUpdating 事件 下 编写 代码 即 可 。 


4.9 开发 技巧 与 难点 分 析 


4.9.1 如 何 验证 输入 字符 串 


在 开发 图 书馆 管理 系统 的 过 程 中 ， 需 要 对 一 些 输入 的 字符 串 进 行 验证 ， 如 金额 、 电 话 号 码 、E-mail 
和 网 址 等 ， 由 于 许多 模块 都 需要 用 到 这 些 验 证 ， 因 此 可 以 将 其 写 入 到 一 个 公共 类 中 ， 然 后 在 其 他 的 页 
面 中 直接 调用 即 可 。 在 C# 中 对 字符 串 进行 验证 时 ， 可 以 使 用 Regex 类 ， 该 类 位 于 System.TextRegular 
Expressions 命名 空间 下 ， 主 要 用 来 使 用 正则 表达 式 验证 输入 的 字符 串 。 例 如 ， 验 证 输入 的 字符 串 是 否 
为 E-mail 地 址 格式 的 方法 实现 代码 如 下 : 

倒 程 55 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\App_Code\ValidateClass.cs 

#region ”验证 输入 为 E-mail 

li<summary> 

/验证 输入 为 E-mail 

li</summary> 

ll/<param name="str"></param> 

Wi<returns></returns> 

public bool validateEmail(string str) 

{ 


return Regex.lsMatch(str, @"\Ww+([-+.JWw+)@W+([-.JW+)\\Ww+([-.JWw+)*"); 
3 
#endregion 


4.9.2 ”如 何 自动 计算 图 书 归还 日 期 


图 书馆 管理 系统 中 会 遇 到 这 样 的 问题 : 在 借阅 图 书 时 ， 需 要 自动 计算 图 书 的 归还 日 期 ， 而 该 日 期 
并 不 是 固定 不 变 的 ， 它 是 需要 根据 系统 日 期 和 数据 表 中 保存 的 各 类 图 书 的 最 多 借阅 天 数 来 计算 ， 即 图 
书 归还 日 期 -=“ 系 统 日 期 ”+“ 最 多 借阅 天 数 ”。 
本 系统 中 是 这 样 解 决 该 问题 : 首先 获取 系统 时 间 ， 然 后 从 数据 表 中 查询 出 该 类 图 书 的 最 多 借阅 天 
数 ， 最 后 计算 归还 日 期 。 计 算 归 还 日 期 的 方法 如 下 。 
@ 
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首先 取出 所 借 图 书 的 最 多 借阅 天 数 ， 然 后 根据 图 书 的 最 多 借阅 天 数 ， 使 用 TimeSpan FromDays 方 
法 返回 TimeSpan (TimeSpan 表示 一 个 时 间 间 隔 ) ， 最 后 使 用 当前 时 间 与 先前 返回 的 TimeSpan 时 间 间 
隔 相 加 。 

自动 计算 图 书 归 还 日 期 的 关键 代码 如 下 

倒 程 56 代码 位 置 ， 资源 包 \TM\04\LibraryMS\LibraryMS\BookBRManage\BorrowBook.aspx.cs 

int days = Convert.Tolnt32(btypemanage.FindBTypeByName(btypemanage, "tb_booktype"). Tables[0].Rows 


[OJ[2]. ToString()); // 获 取 可 借 天 数 
TimeSpan tspan = TimeSpan.FromDays((double)days); // 将 可 借 天 数 转换 为 相应 的 TimeSpan 时 间 段 
// 设 置 图 书 应 该 归还 时 间 


borrowandbackmanage.YGBackTime = borrowandbackmanage.BorrowTime + tspan; 


4.10 三 层 架 构 开 发 技术 


4.10.1 三 层 架构 的 含义 


所 谓 的 三 层 开发 就 是 将 系统 的 整个 业务 应 用 划分 为 表示 层 、 业 务 逻辑 层 、 数 据 访问 层 ， 这 样 有 利 
于 系统 的 开发 、 维 护 、 部 署 和 扩展 。 如 图 4.26 所 示 为 三 层 架构 示意 图 。 

分 层 是 为 了 实现 “高 内 聚 、 低 耦合 ”。 采 用 “分 而 治之 ”的 思想 ， 把 问题 划分 开 来 各 个 解决 ， 易 
于 控制 、 延 展 和 分 配 资源 。 


FE 一 


E 


业务 逻辑 层 


图 4.26 三 层 架构 示意 图 

(1) 表示 层 : 负责 直接 跟 用 户 进行 交互 ,一 般 也 就 是 指 系统 的 界面 ,用 于 数据 录入 、 数 据 显示 等 。 
意味 着 只 做 与 外 观 显示 相关 的 工作 ， 不 属于 它 的 工作 不 需要 做 。 

(2) 业务 逻辑 层 : 用 于 做 一 些 有 效 性 验证 的 工作 ， 以 更 好 地 保证 程序 运行 的 健壮 性 。 如 验证 文本 
框 是 否 可 以 为 空 数 据 格式 、 是 否 正 确 及 数据 类 型 是 否 符合 等 ， 通 过 以 上 的 诸多 判断 以 决定 是 否 将 操作 
继续 向 后 传递 ， 尽 量 保证 程序 的 正常 运行 。 

(3) 数据 访问 层 : 顾名思义 ， 就 是 用 于 专门 和 数据 库 进 行 交互 ， 如 执行 数据 的 添加 、 删 除 、 修 改 
和 显示 等 。 需 要 强调 的 是 ， 所 有 的 数据 对 象 只 在 这 一 层 被 引用 ， 如 System.Data.SqlClient 等 ， 除 数据 访 
问 层 之 外 的 任何 地 方 都 不 应 该 出 现 这 样 的 引用 。 


@ 
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ASPNET 可 以 使 用 .NET 平台 快速 、 方 便 地 部 署 三 层 架构 。ASPNET 革命 性 的 变化 是 在 网 页 中 使 
用 基于 事件 的 处 理 方式 ， 并 可 以 指定 处 理 的 后 台 代码 文件 ， 可 以 使 用 C#、VB、C++ 和 形 作 为 后 台 代码 
的 语言 。NET 中 可 以 方便 地 实现 组 件 的 装配 , 后 台 代码 通过 命名 空间 可 以 方便 地 使 用 自己 定义 的 组 件 。 
显示 层 放 在 ASPX 页 面 中 ， 数 据 库 操作 和 人 逻辑 层 用 组 件 或 封装 类 来 实现 ， 这 样 就 非常 方便 地 实现 了 三 
层 架 构 。 


4.10.2 ”使 用 三 层 架 构 的 原因 


对 于 一 个 简单 的 应 用 程序 来 说 ,在 代码 量 不 是 很 多 的 情况 下 ,一 层 架构 或 二 层 架 构 开发 完全 够 用 ， 
没有 必要 将 其 复杂 化 。 如 果 对 一 个 复杂 的 大 型 系统 ， 设 计 为 一 层 架 构 或 二 层 架 构 开发 ， 那 么 这 样 的 设 
计 存 在 很 严重 的 缺陷 。 下 面 会 具体 介绍 ， 分 层 开发 其 实 是 为 大 型 系统 服务 的 。 

在 开发 过 程 中 ， 初 级 程序 人 员 出 现 相似 的 功能 经 常 复制 代码 ， 那 么 同样 的 代码 为 什么 要 写 那 么 多 
次 ? 不 但 使 程序 变 得 元 长 ， 而 且 更 不 利于 维护 ， 一 个 小 小 的 修改 或 许 会 涉及 很 多 页 面 ， 经 常 导致 异常 
的 产生 ， 使 程序 不 能 正常 运行 。 最 主要 的 面向 对 象 的 思想 没有 得 到 丝毫 的 体现 ， 打 着 面向 对 象 的 悼 子 
却 依然 走 着 面向 过 程 的 道路 。 

意识 到 这 样 的 问题 ， 初 级 程序 人 员 开 始 将 程序 中 一 些 公 用 的 处 理 程序 写成 公共 方法 ， 封 装 在 类 中 
供 其 他 程序 调用 。 例 如 ， 写 一 个 数据 操作 类 ， 对 数据 操作 进行 合理 封装 ， 在 数据 库 操作 过 程 中 ， 只 要 
类 中 的 相应 方法 〈 数 据 添加 、 修 改 、 查 询 等 ) 可 以 完成 特定 的 数据 操作 ， 这 就 是 数据 访问 层 ， 不 用 每 
次 操作 数据 库 时 都 写 那些 重复 性 的 数据 库 操作 代码 。 在 新 的 
应 用 开发 中 ， 数 据 访问 层 可 以 直接 拿 来 用 。 面 向 对 象 的 三 大 
特性 之 一 的 封装 性 在 这 里 得 到 了 很 好 的 体现 。 读 者 现在 似乎 
找到 了 面向 对 象 的 感觉 ， 代 码 量 较 以 前 有 了 很 大 的 减少 ， 而 
且 修改 时 也 比较 方便 ， 也 实现 了 代码 的 重用 性 。 

下 面 举 两 个 案例 ， 解 释 一 下 为 什么 要 使 用 三 层 架构 ， 案 


例 涉及 的 架构 图 如 图 4.27 所 示 。 
(1) 案例 一 
数据 库 系统 软件 由 于 数据 量 的 不 断 增 加， 数据 库 由 。 e229 
Access 变 成 了 SQL Server 数据 库 , 这 样 原来 的 数据 访问 层 失 427 三 层 开发 架构 图 


效 了 ， 数 据 操作 对 象 发 生 了 变化 ， 并 且 页 面 中 涉及 数据 对 象 
的 地 方 也 要 进行 修改 ， 因 为 原来 可 能 会 使 用 OleDbDataReader 对 象 将 数据 传递 给 显示 页 面 ， 现 在 都 得 
换 成 SqlDataReader 对 象 ， 而 且 SQL Server 和 Access 支持 的 数据 类 型 也 不 一 致 ， 在 显示 数据 时 进行 的 
数据 转换 也 要 进行 修改 。 

(2) 案例 二 

由 于 特殊 情况 需要 ， 把 Web 形式 的 项 目 改造 成 Windows 应 用 ， 此 时 需要 做 多 少 修改 呢 ? 如 果 在 
Aspx.cs 中 占据 了 大 量 代码 ,或 者 还 有 部 分 代码 存在 于 ASPX 中 ,那么 整个 系统 是 否 需 要 重新 来 开发 呢 ? 

总 结 以 上 情况 是 设计 不 合理 造成 。 在 上 面 的 案例 中 是 否 体会 到 了 没有 分 层 开 发 模式 的 缺陷 呢 ? 是 
否 碰 到 过 这 样 的 情况 呢 ? 其 实 ， 多 层 开发 架构 的 出 现 很 好 地 解决 了 这 样 的 问题 。 通 过 程序 架构 进行 合 
理 的 分 层 ， 将 极 大 地 提高 程序 的 通用 性 。 


凶 
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4.10.3 使 用 三 层 架 构 开 发 的 优点 


使 用 三 层 架 构 开 发 有 以 下 优点 

(1) 从 开发 角度 和 应 用 角度 来 看 ， 三 层 架 构 比 二 层 架 构 或 单 层 架构 都 有 更 大 的 优势 。 三 层 架 构 适 
合 团队 开发 ， 每 人 可 以 有 不 同 的 分 工 ， 协 同 工 作 使 效率 倍增 。 开 发 二 层 或 单 层 应 用 时 ， 每 个 开发 人 员 
都 应 对 系统 有 较 深 的 理解 ， 能 力 要 求 很 高 ， 开 发 三 层 应 用 时 ， 则 可 以 结合 多 方面 的 人 才 ， 只 需 少数 人 
对 系统 全 面 了 解 ， 从 一 定 程度 降低 了 开发 的 难度 。 

(2) 三 层 架 构 可 以 更 好 地 支持 分 布 式 计算 环境 。 逻 辑 层 的 应 用 程序 可 以 在 多 个 机 器 上 运行 ， 充 分 
利用 网 络 的 计算 功能 。 分 布 式 计算 的 潜力 巨大 ， 远 比 升级 CPU 有 效 。 美 国人 曾 利 用 分 式 计算 解密 ， 几 
个 月 就 破解 了 据 称 永远 都 破解 不 了 的 密码 。 

(3) 三 层 架 构 的 最 大 优点 是 它 的 安全 性 。 用 户 只 能 通过 逻辑 层 来 访问 数据 层 ， 减少 了 入 口 点 ， 把 
很 多 危险 的 系统 功能 都 屏蔽 了 。 


4.10.4 ”三 层 架构 的 种 类 


目前 ,团队 开发 人 员 在 开发 项 目 时 ， 大 多 都 使 用 分 层 开发 架构 设计 ， 最 常见 的 就 是 三 层 架构 ， 工 
作 模 式 如 图 4.28 所 示 ， 目 的 在 于 使 各 个 层 之 间 只 能 够 被 它 相 邻 的 层 影响 ， 但 是 这 个 限制 常常 在 使 用 多 
层 开发 时 被 违反 ， 这 对 系统 的 开发 是 有 害 的 。 三 层 架 构 按 驱动 模式 划分 为 3 种 一 一 数据 层 驱动 模式 、 
陈述 层 驱动 模式 、 隔 离 驱动 模式 ， 其 中 隔离 驱动 模式 开发 最 为 重要 。 下 面 分 别 讲述 这 3 种 驱动 模式 。 


> ~ 


客户 端 业务 处 理 SQL Server 数据 库 
图 4.28 系统 工作 模式 图 
1. 数据 层 驱动 模式 


所 谓 的 数据 层 驱动 模式 ， 就 是 先 设计 数据 层 ， 陈 述 层 围绕 数据 层 展开 ， 一 旦 完成 了 数据 层 和 陈述 
层 ， 业 务 层 就 围绕 数据 层 展开 ， 因 为 陈述 层 是 围绕 数据 层 展开 。 这 将 会 使 陈述 层 中 的 约束 不 准确 ， 并 
且 限 制 了 业务 层 的 变更 。 由 于 业务 层 受 到 限制 ， 一 些 简单 变化 可 以 通过 SQL 查询 和 存储 过 程 来 实现 。 
数据 层 驱 动 模式 设计 图 如 图 4.29 所 示 。 

这 种 模式 非常 普遍 ， 它 和 传统 的 客户 服务 端 开发 相似 ， 并 且 是 围绕 已 经 存在 的 数据 库 设 计 的 。 由 
于 陈述 层 是 围绕 数据 层 设计 ， 它 常常 是 凭 直觉 模仿 数据 层 的 实际 结构 。 

在 陈述 层 到 数据 层 之 间 常 常 存在 一 种 额外 的 反馈 循环 ， 当 在 设计 陈述 层 不 容易 实现 时 常常 会 去 修 
改 数据 层 ， 也 就 形成 了 这 种 反馈 循环 。 开 发 者 请 求 修 改 数 据 库 方便 陈述 层 的 开发 ， 但 是 对 数据 层 的 设 


他 
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计 却 是 有 害 的 。 这 种 改变 是 人 为 的 而 没 考虑 到 其 他 需求 的 限制 。 这 种 修改 经 常会 违反 至 少 损害 数据 的 
特有 规则 ， 导 致 不 必要 的 数据 元 余 和 数据 的 非 标准 化 。 


陈述 层 业务 层 数据 层 
图 4.29 数据 层 驱动 模式 设计 图 


2. 陈述 层 驱动 模式 


陈述 层 驱动 模式 是 数据 层 围绕 陈述 层 展开 。 业 务 层 的 完成 一 般 是 通过 简单 的 SQL 查询 和 很 少 的 变 
化 或 者 隔离 。 由 于 数据 库 的 设计 是 为 了 陈述 层 的 方便 ， 并 非 从 数据 层 设计 方面 考虑 ， 所 以 数据 库 的 设 
计 在 性 能 上 通常 很 低 。 陈 述 层 驱动 模式 设计 图 如 图 4.30 所 示 。 


2 
一 一 一 一 一 


陈述 层 业务 层 数据 层 
图 4.30 ”陈述 层 驱动 模式 设计 图 


3. 隔离 驱动 模式 


隔离 驱动 模式 用 隔离 驱动 模式 设计 ， 陈 述 层 和 数据 层 被 独立 地 开发 ， 常 常 是 平行 开发 。 这 两 层 在 
设计 时 没有 任何 的 相互 干扰 ， 所 以 不 会 存在 人 为 的 约束 和 有 害 的 设计 元 素 。 当 两 层 都 设计 完成 后 ， 再 
设计 业务 层 。 业 务 层 的 责任 就 是 在 没有 对 数据 层 和 陈述 层 的 需求 变化 的 基础 上 完成 所 有 的 转换 。 

因为 现在 陈述 层 和 数据 层 是 完全 独立 的 ， 当 业务 层 需求 改变 时 ， 陈 述 层 和 数据 层 都 可 以 作 相应 的 
修改 而 不 影响 对 方 。 改 变 两 个 在 物理 上 不 相 邻 的 层 不 会 直接 对 其 他 层 产生 影响 或 发 生 冲 突 。 这 就 允许 
数据 层 结构 的 调整 或 者 陈述 层 根据 用 户 的 需求 作 相 应 的 变化 ， 而 不 需要 系统 做 大 的 调整 或 者 修改 。 隔 
离 驱动 模式 设计 图 如 图 4.31 所 示 。 


陈述 层 业务 层 数据 层 
图 4.31 隔离 驱动 模式 设计 图 
表 4.16 将 对 这 3 种 驱动 模式 进行 了 对 比 。 
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表 4.16 3 种 驱动 模式 对 比 


数据 层 驱动 模式 陈述 层 驱动 模式 隔离 驱动 模式 
QD 很 容易 设计 ， debt CD 优化 设计 ， 
(2) 严重 的 不 规范 化 设计 ， 
数据 库 (2) 产生 负面 影响 ; (3) 其 他 系统 不 易 使 用 ， (2) 集中 设计 数 
(3) 很 难 改变 数据 层 ， 因 为 它 和 陈述 层 紧 | “3” 革 他 系 ; | 据 库 ， 陈 述 层 对 它 
pt (4) 很 难 改变 数据 层 ， 因 为 它 中 | 全 省 
陈述 层 紧密 绑 定 
业务 需求 “| 常常 不 能 适应 业务 需求 变化 党 党 适应 业务 需求 变化 适应 需求 变化 
用 户 界面 ”| 是 围绕 数据 层 而 不 是 围绕 用 户 ， 不 易 修 改 | 适合 用 户 扩展 界面 适合 用 户 扩展 界面 
通常 可 扩张 ， 但 是 在 页 面 中 常常 需要 重复 | s 
扩展 性 。 | 编写 相同 的 代码 以 满足 数据 库 的 结构 ， 同 ee 很 容易 扩展 
时 数据 库 可 能 需要 存储 一 些 宛 余 的 字段 


4.11 本 章 总结 


本 章 从 开发 背景 、 需 求 分 析 开 始 介绍 图 书馆 管理 系统 的 开发 流程 。 通 过 本 章 的 学 习 ， 读 者 能 够 了 
解 一 般 网 站 的 开发 流程 。 在 网 站 的 开发 过 程 中 ， 笔 者 不 仅 采 用 了 面向 对 象 的 开发 思想 ， 而 且 采 用 了 三 
层 架 构 开 发 技术 ， 该 技术 代表 着 未 来 开发 方向 的 主流 ， 希 望 对 读者 有 所 启发 和 帮助 。 


和 < 


和 草 
铭 成 在 线 考试 系统 


(WebForm +SQL Server 2014+JavaScript 实现 ) 


传统 考试 要 求 老 师 打 印 试卷 、 安排 考 试 、 监 考 、 收 集 试卷 、 评 改 
试卷 、 讲 评 试卷 和 分 析 试 卷 。 这 是 一 个 漫长 而 复杂 的 过 程 ， 已 经 越 来 
越 不 适应 现代 教学 的 需要 。 在 线 考试 系统 是 传统 考场 的 延伸 ， 它 可 以 
利用 网 络 的 无 限 广阔 空间， 随时 随地 对 学 生 进行 考试 ， 加 上 数据 库 技 
术 的 利用 ， 大 大 简化 了 传统 考试 的 过 程 。 因 此 在 线 考试 系统 是 电子 化 
教学 不 可 缺少 的 一 个 重要 环节 。 

通过 阅读 本 章 ， 读 者 可 以 学 习 到 : 

让 验证 不 同 身份 的 登录 用 户 

MW 随机 抽取 试题 

MW ”如何 实现 考试 计时 功能 

MW 如何 实 现 试卷 无 刷新 

MH ”如 何 实 现 系统 自动 评分 

MW 合理 地 创建 后 台 管理 
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5.1 开发 背景 


近年 来 ， 计算 机 技术 、Intemet 技术 的 迅猛 发 展 ， 给 传统 办 学 提出 了 新 的 模式 。 绝 大 部 分 大 学 和 学 
院 都 已 接 入 互联 网 并 建成 校园 网 ， 各 校 的 硬件 设施 已 经 比较 完善 。 通 过 设计 和 建设 网 络 拓扑 架构 、 网 
络 安全 系统 、 数 据 库 基 础 结构 、 信 息 共享 与 管理 、 信 息 的 发 布 与 管理 ， 从 而 方便 管理 者 、 老 师 和 学 生 
间 信 息 发 布 、 信 息 交流 和 信息 共享 。 以 现代 计算 机 技术 、 网 络 技术 为 基础 的 数字 化 教学 主要 是 朝 着 信 
息 化 、 网 络 化 、 现 代 化 的 目标 迈进 。 开 发 的 无 纸 化 在 线 考试 系统 ， 目 的 在 于 探索 一 种 以 互联 网 为 基础 
的 考试 模式 。 通 过 这 种 新 的 模式 ， 提 高 了 考试 工作 效率 和 标准 化 水 平 ， 使 学 校 管理 者 、 教 师 和 学 生 可 
以 在 任何 时 候 、 任 何 地 点 通过 网 络 进行 在 线 考试 。 


5.2 系统 分 析 


5.2.1 需求 分 析 


在 我 国 ， 虽 然 远程 教育 已 经 莲 勃 地 发 展 起 来 ， 但 是 目前 学 校 与 社会 上 的 各 种 考试 大 都 采用 传统 的 
考试 方式 。 在 此 方式 下 ， 组 织 一 次 考试 至 少 要 经 过 5 个 步骤 ， 即 人 工 出 题 、 考 生 考 试 、 人 工 阅 卷 、 成 
绩 评 估 和 试卷 分 析 。 

显然 ， 随 着 考试 类 型 的 不 断 增 加 以 及 考试 要 求 的 不 断 提 高 ， 教 师 的 工作 量 将 会 越 来 越 大 ， 并 且 其 
工作 将 是 一 件 十 分 烦琐 和 非常 容易 出 错 的 事情 ,可 以 说 传统 的 考试 方式 已 经 不 能 适应 现代 考试 的 需要 。 
随 着 计算 机 应 用 的 迅猛 发 展 ， 网 络 应 用 不 断 扩 大 ， 人 们 迫切 要 求 利用 这 些 技术 来 进行 在 线 考试 ， 以 减 
轻 教 师 的 工作 负担 并 提高 工作 效率 ， 与 此 同时 也 提高 了 考试 的 质量 ， 从 而 使 考试 更 趋 于 公正 、 客 观 
更 加 激发 学 生 的 学 习 兴趣 。 


5.2.2 ”系统 功能 描述 


为 了 保障 整个 系统 的 安全 性 ， 在 线 考试 系统 实现 了 分 类 验证 的 登录 模块 ， 通 过 此 模块 ， 可 以 对 不 
同 身份 的 登录 用 户 进 行 验证 ， 确 保 了 不 同 身份 的 用 户 操 作 系 统 。 在 抽取 试题 上 ， 系 统 使 用 随机 抽取 试 
题 的 方式 ， 体 现 了 考试 的 客观 与 公正 。 当 考生 答题 完毕 之 后 ， 提 交 试 卷 即 可 得 知 本 次 考试 的 得 分 ， 体 
现 系统 的 高 效 性 。 在 后 台 管理 上 ， 分 后 台 管 理 员 管 理 模块 和 试题 管理 模块 。 其 分 别 适 应 不 同 的 用 户 ， 
前 者 只 有 系统 的 高 级 管理 员 才 能 进入 ， 对 整个 系统 进行 管理 ， 后 者 只 允许 教师 登录 ， 教 师 可 以 对 自己 
任教 的 科目 试题 进行 修改 ， 并 且 可 以 查看 所 有 参加 过 自己 任教 科目 的 学 生成 绩 。 


5.2.3 可行 性 分 析 


根据 《计算 机 软件 文档 编制 规范 》 (GB/T 8567 一 2006) 中 可 行 性 分 析 的 要 求 ， 制 定 可 行 性 研究 报 
告 如 下 。 


@ 
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1. 引言 


(1) 编写 目的 

为 了 给 学 校 的 决策 层 提供 是 否 进行 项 目 实施 的 参考 依据 ， 现 以 文件 的 形式 分 析 项 目的 风险 、 项 目 
需要 的 投资 与 效益 。 

(2) 背景 

XXX 学 院 是 一 个 以 复合 型 教学 为 主 的 学 院 ， 该 学 院 开 设 了 许多 科目 ， 使 每 位 在 学 院 就 读 的 学 生 
在 各 个 方面 得 到 发 展 ， 以 往 对 学 生 学 习 成 绩 考核 都 是 通过 传统 的 笔 答 方式 ， 既 消耗 资源 又 浪费 时 间 。 
为 了 防止 这 些 商 端 ， 学 院 现 需要 委托 软件 开发 公司 开发 一 个 在 线 考试 系统 ,项目 名 称 为 在 线 考试 系统 。 

2. 可 行 性 研究 的 前 提 

(1) 要 求 

在 线 考试 系统 要 求 对 考生 登录 系统 进行 验证 、 考 生 必 须 阅 读 考试 规则 、 选 择 考试 科目 、 随 机 抽取 
试题 产生 试卷 、 限 制 考生 时 间 、 交 卷 后 自动 评分 ， 同 时 需 为 学 院 管理 人 员 提 供 试卷 管理 及 后 台 管 理 员 
管理 。 

(2) 目标 

网 站 的 主要 目标 是 为 学 院 减 少 不 必 要 的 浪费 ， 并 且 客观 和 公正 地 考核 学 生成 绩 。 

(3) 条 件 、 假 定 和 限制 

项 目 需要 在 3 个 月 内 交付 用 户 使 用 。 系 统 分 析 人 员 需 要 3 天 内 到 位 ， 用 户 需要 5 天 时 间 确 认 需 求 
分 析 文档 。 去 除 其 中 可 能 出 现 的 问题 ， 例 如 用 户 可 能 临时 有 事 ， 占 用 8 天 时 间 确 认 需 求 分 析 。 则 程序 
开发 人 员 需 要 在 两 个 月 零 20 天 的 时 间 内 进行 系统 设计 、 程 序 编码 、 系 统 测 试 、 程 序 调试 和 网 站 部 署 工 
作 。 期 间 还 包括 员工 每 周 的 休息 时 间 。 

(4) 评价 尺度 

根据 用 户 的 要 求 ， 项 目 主要 以 在 线 考试 为 主 ， 因 此 对 于 考生 答题 的 结果 能 够 准确 地 评分 ， 并 且 能 
够 对 考试 试题 信息 进行 修改 、 删 除 等 功能 。 此 外 ， 出 于 安全 和 国家 法 律 方面 的 考虑 ， 在 线 考试 系统 在 
遭受 到 黑客 攻击 时 ， 应 在 10 分 钟 内 进行 恢复 ; 对 于 在 线 考试 系统 中 涉及 违反 国家 法 律 、 法 规 的 内 容 应 
能 够 及 时 删除 。 

3. 结论 


根据 上 面 的 分 析 ， 在 技术 上 不 会 存在 问题 ， 因 此 项 目 延期 的 可 能 性 很 小 。 在 效益 上 公司 投入 6 个 
人 、3 个 月 的 时 间 获 利 7 万 元 , 比较 可 观 。 在 公司 今后 发 展 上 可 以 储备 在 线 考试 系统 开发 的 经 验 和 资源 。 
因此 认为 该 项 目 可 以 开发 。 


5.2.4 ”编写 项 目 计 划 书 


根据 《计算 机 软件 文档 编制 规范 》 (GB/T 8567 一 2006) 中 的 项 目 开发 计划 要 求 ， 结 合 单位 实际 情 
况 ， 设 计 项 目 计划 书 如 下 。 


时 
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1. 引言 


(1) 编写 目的 

为 了 保证 项 目 开 发 人 员 按 时 保质 地 完成 预订 目标 ， 更 好 地 了 解 项 目 实际 情况 ， 按 照 合 理 的 顺序 开 
展 工作 ， 现 以 书面 的 形式 将 项 目 开发 生命 周期 中 的 项 目 任务 范围 、 项 目 团队 组 织 结构 、 团 队 成 员 的 工 
作 责 任 、 团 队 内 外 沟通 协作 方式 、 开 发 进度 、 检 查 项 目 工作 等 内 容 描述 出 来 ， 作 为 项 目 相 关 人 员 之 间 
的 共识 和 约定 、 项 目 生 命 周 期 内 的 所 有 项 目 活动 的 行动 基础 。 

(2) 背景 

在 线 考试 系统 是 由 X X X 学 院 委托 我 公司 开发 的 中 型 考试 系统 ， 主 要 功能 是 考核 在 校 学 生 的 学 习 
成 绩 。 项 目 周期 为 3 个 月 。 项 目 背 景 规划 如 表 5.1 所 示 。 


表 5.1 项 目 背景 规划 
项 目 名 称 项 目 委托 单位 任务 提出 者 项 目 承担 部 门 
在 线 考试 系统 研发 部 门 、 测 试 部 门 、 集 成 部 门 
2. 概述 
(1) 项 目 目标 


项 目 目 标 应 当 符合 SMART 原则 ， 把 项 目 要 完成 的 工作 用 清晰 的 语言 描述 出 来 。 在 线 考试 系统 的 
项 目 目 标 如 下 

在 线 考试 系统 主要 针对 3 类 人 群 ， 分 别 是 教师 、 后 台 管 理 员 和 学 生 。 对 于 教师 ， 在 线 考试 系统 需 
要 提供 试题 管理 、 考 试 结果 查询 等 服务 。 对 于 后 台 管 理 员 ， 在 线 考试 系统 需要 提供 试题 信息 管理 、 教 
师 信息 管理 、 考 生 信息 管理 、 考 试 科目 信息 管理 以 及 考试 结果 管理 等 服务 。 而 对 于 学 生 ， 在 线 考试 系 
统 只 需 提供 在 线 答题 与 自动 评分 即 可 。 整 个 项 目 需要 在 3 个 月 的 时 间 内 交付 用 户 使 用 。 

(2) 产品 目标 与 范围 

当前 社会 ， 信 息 就 是 资本 ,信息 就 是 财富 。 一 方面 在 线 考试 系统 能 够 节省 大 量 人 力 资 源 ， 学 校 不 
再 需要 大 量 的 教师 组 织 学 生 考试 ， 从 而 间接 地 为 学 校 节约 了 人 力 和 时 间 。 另 一 方面 ， 在 线 考试 系统 能 
够 快速 地 进行 考试 和 评分 ， 而 且 还 能 体现 出 考试 的 客观 与 公正 性 。 

(3) 应 交付 成 果 

项 目 开发 完毕 后 ,项目 名 称 为 在 线 考试 系统 。 使 用 Microsoft SQL Server 2014 数据 库存 储 所 有 数据 ， 
系统 大 体 可 以 分 为 登录 模块 、 随 机 抽取 试题 模块 、 试 题 管理 模块 和 后 台 管 理 员 模块 。 

(4) 项 目 开发 环境 

在 线 考试 系统 可 以 在 Windows 7(SP1)/ Windows 8/Windows 10 下 运行 ,使 用 Microsoft Visual Studio 
2017 开发 ， 利 用 Microsoft SQL Server 2014 数据 库存 储 所 有 数据 。 

(5) 项 目 验收 方式 与 依据 

项 目 验收 分 为 内 部 验收 和 外 部 验收 两 种 方式 。 在 项 目 开发 完成 后 ， 首 先进 行内 部 验收 ， 由 测试 人 
员 根据 用 户 需求 和 项 目 目标 进行 验收 。 项 目 在 通过 内 部 验收 后 ， 交 付 用 户 由 用 户 进行 验收 ， 验 收 的 主 
要 依据 为 需求 规格 说 明 书 。 


@ 
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3. 项 目 团队 组 织 


(1) 组 织 结构 
为 了 完成 在 线 考试 系统 项 目 开 发 ， 公 司 组 建 了 一 个 临时 的 项 目 团队 ， 由 公司 副 经 理 、 项 目 经 理 、 
系统 分 析 员 、 软 件 工程 师 、 网 页 设计 师 和 测试 人 员 构 成 ， 如 图 5.1 所 示 。 


从 


副 经 理 


系统 分 析 员 ”软件 工程 师 ”网 页 设计 师 。 测试 人 员 
图 5.1 项 目 团队 组 织 结构 图 


(2) 人 员 分 工 
为 了 明确 项 目 团队 中 每 个 人 的 任务 分 工 ， 现 制定 人 员 分 工 表 ， 如 表 52 所 示 。 
表 5.2 人 员 分 工 表 
姓 名 工作 描述 


杨 某 负责 项 目的 审批 、 决 策 的 实施 
负责 项 目的 前 期 分 析 、 策 划 ， 项 目 开 发 进度 的 

人 | 项 目 经 理 。 | 跟踪 ， 项 目 质量 的 检查 

刘 某 负责 系统 功能 分 析 、 系 统 框架 设计 

杨 某 负责 软件 设计 与 编码 

昌 负责 网 页 风格 的 确定 、 网 页 图 片 的 设计 

刘 某 对 软件 进行 测试 、 编 写 软件 测试 文档 


5.3 系统 设计 


5.3.1 系统 目标 
本 系统 属于 小 型 的 在 线 考试 系统 ， 可 以 从 数据 库 中 随机 抽取 试题 ， 并 且 可 以 自动 对 考生 的 答案 评 


分 。 本 系统 主要 实现 以 下 目标 : 
系统 采用 人 机 交互 的 方式 ， 界 面 美观 友好 ， 信 息 查 询 灵 活 、 方 便 ， 数 据 存储 安全 可 靠 。 


实现 从 数据 库 中 随机 抽取 试题 。 
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对 用 户 输入 的 数据 ， 进 行 严格 的 数据 检验 ， 尽 可 能 地 避免 人 为 错误 。 
实现 对 考试 结果 自动 评分 。 

实现 教师 和 后 台 管 理 员 对 试题 信息 单独 管理 。 

系统 最 大 限度 地 实现 了 易 维护 性 和 易 操作 性 。 


5.3.2 ”系统 功能 结构 


在 线 考试 系统 前 台 功 能 结构 图 如 图 5.2 所 示 。 
在 线 考试 系统 后 台 功 能 结构 图 如 图 5.3 所 示 。 


铭 成 在 线 考试 系统 后 台 


一- 上 =、 | mtg peep gp 
铭 成 在 线 考试 系统 前 台 


个 | 1 试 | | 考 || 答 | | 学 | | 教 | | 科 | | 入 

I 教 || 人 | || 古 | | 试 | 下 || 生 | | 虹 | | 有 | 中 

| 登录 模块 。]】 [随机 抽取 试题 模块 】 | 自动 评分 模块 】 ”| 三 || 信和 | ,入 | 策 |}| 员 | | 得 || 倡 | | 复 | | 入 
登 || 息 | | 息 | | 来 |i| 刍 | | 息 | | 是 | | 是 | 全 

录 || 维 | ,| 管 | | 答 |)| 要 | | 管 | | 管 | | 管 || 信 

护 | || 理 | | 再, 对 | 理 | | 理 | | 理 | | 旨 


| 阅读 考试 规则 | | 选择 考试 科目 || ”开始 考试 | 


图 5.2 在 线 考试 系统 前 台 功能 结构 图 5.3 在线 考试 系统 后 台 功 能 结构 图 
5.3.3 ”业务 流程 图 
在 线 考试 系统 的 业务 流程 图 如 图 5.4 所 示 。 


和 是 个 人 信息 维护 
ee 
考试 结果 管理 | ! 公 
| 其 
1 部 
试题 信息 管理 | | 分 
阅读 考试 规则 | AAA |， 一 
学 生 信息 管理 
间 
a 教师 信息 管理 
开始 考试 科目 信息 管理 
于 王 页 
交卷 评分 信息 维护 


图 5.4 在 线 考试 系统 的 业务 流程 图 
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5.3.4 ”构建 开发 环境 


1. 网 站 开发 环境 


网 站 开发 环境 : Microsoft Visual Studio 2017。 

网 站 开发 语言 : ASP.NET+C#。 

网 站 后 台数 据 库 : SQL Server 2014。 

开发 环境 运行 平台 : Windows 7 (SP1) / Windows Server 8/Windows 10。 


服务 器 端 

操作 系统 : Windows 7。 

Web 服务 器 : IIS 7.0 以 上 版 本 。 

数据 库 服 务 器 : SQL Server 2014。 

网 站 服务 器 运行 环境 : Microsoft .NET Framework SDK v4.7。 
客户 端 

浏览 器 : Chrome 浏览 器 、Firefox 浏览 器 。 


5.3.5 “系统 预览 


在 线 考试 系统 由 多 个 页 面 组 成 ， 下 面 仅 列 出 几 个 典型 页 面 ， 其 他 页 面 可 参见 资源 包 中 的 源 程序 。 

考试 界面 如 图 5.5 所 示 ， 主 要 实现 考试 系统 的 随机 抽取 试题 、 考 生 答卷 、 考 试 计时 、 限 时 自动 交卷 
功能 。 后 台 管 理 员 界面 如 图 5.6 所 示 ， 主 要 实现 试题 信息 管理 、 教 师 信息 管理 、 考 生 信息 管理 、 考 试 科 
目 信息 管理 以 及 考试 结果 管理 。 试 题 管理 界面 如 图 5.7 所 示 ， 主 要 功能 是 教师 对 试题 进行 管理 。 考 试 评 
分 界面 如 图 5.8 所 示 ， 主 要 功能 是 对 考生 答案 进行 评分 。 


| 
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图 5.5 考试 界面 (资源 包 \…\student\StartExam.aspx) ”图 5.6 后 台 管 理 员 界面 (资源 包 \…\admin\AdminManage.aspx) 


轩 
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图 5.7 试题 管理 界面 (资源 包 \…\teacher\TeacherManage.aspx) ”图 5.8 ”考试 评分 界面 (资源 包 \*…\student\result.aspx) 


5.3.6 数据库 设 计 


在 开发 在 线 考试 系统 之 前 ， 分 析 了 系统 的 数据 量 ， 由 于 在 线 [EE 
考试 系统 中 试题 及 考生 信息 的 数据 量 会 很 大 , 因此 选择 Microsoft 
SQL Server 2014 数据 库存 储 数据 信息 ， 数 据 库 命名 为 
db_ExamOnline， 在 数据 库 中 创建 了 6 个 数据 表 用 于 存储 不 同 的 1 
信息 ， 如 图 5.9 所 示 。 因 国 dboub Student 


5.3.7 ”数据 库 概念 设计 


田 国 dbo:tb test 试题 信息 表 
图 5.9 在 线 考试 系统 中 用 到 的 数据 表 

开发 在 线 考试 系统 时 ， 为 了 灵活 地 维护 系统 ， 设 计 了 后 台 管理 员 模块 ， 通 过 后 台 管 理 员 模块 可 以 
方便 地 对 整个 在 线 考试 系统 进行 维护 ， 这 时 必须 建立 一 个 数据 表 用 于 存储 所 有 的 管理 员 信 息 。 管 理 员 
信息 实体 E-R 图 如 图 5.10 所 示 。 

当 考 生成 功 登 录 在 线 考试 系统 后 ， 可 以 根据 需要 选择 考试 科目 ， 考 生 不 同 可 能 选择 的 考试 科目 会 
不 同 ， 系 统 必须 提供 一 些 参加 考试 的 科目 供 考生 选择 ， 这 时 在 数据 库 中 应 该 建立 一 个 存储 所 有 参加 考 
试 科 目的 数据 表 。 考 试 科目 信息 实体 E-R 图 如 图 5.11 所 示 。 

考生 选择 考试 科目 ， 开 始 在 线 考试 。 在 规定 时 间 内 必须 完成 考试 ， 否 则 系统 会 自动 提交 试卷 ， 并 
且 将 考生 的 考试 成 绩 保存 在 数据 表 中 。 这 样 ， 方 便 后 期 查询 考生 是 否 参加 过 考试 ， 以 及 查询 历史 考试 
得 分 。 考 试 记录 信息 实体 E-R 图 如 图 5.12 所 示 。 


管理 员 信息 表 
(tb_Admin) 


管理 员 登 录 密 码 
系统 编号 添加 日 期 
管理 员 姓名 考试 科目 名 称 


图 5.10 管理 员 信息 实体 E-R 图 图 5.11 考试 科目 信息 实体 E-R 图 


考试 科目 信息 表 
(tb_Lesson) 
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在 数据 库 中 建立 一 个 用 于 存储 考生 各 项 信息 的 数据 表 ， 其 中 包括 考生 登录 时 的 账号 (考生 编号 或 
考生 学 号 ) 及 密码 。 若 某 个 考生 参加 了 考试 ， 系 统 会 将 考生 答卷 的 最 后 得 分 保存 到 此 数据 表 中 ， 以 便 
教师 或 考生 对 考试 历史 记录 进行 查询 。 考 生 信息 实体 E-R 图 如 图 5.13 所 示 。 


(tb_Student) 


图 5.12 考试 记录 信息 实体 ER 图 图 5.13 考生 信息 实体 E-R 图 
为 了 方便 教师 对 考试 试题 及 考生 考试 结果 进行 管理 ， 在 数据 库 中 必须 建立 一 个 数据 表 用 于 存储 所 
有 的 教师 信息 ， 其 中 包括 教师 登录 后 台 管 理 系统 时 需要 的 账号 及 密码 ， 以 及 教师 负责 的 科目 名 称 。 教 
师 信 息 实 体 E-R 图 如 图 5.14 所 示 。 
在 线 考 试 系统 中 考试 试题 是 通过 对 数据 库 中 存储 的 所 有 试题 随机 抽取 产生 的 ， 所 以 必须 在 数据 库 
中 建立 一 个 数据 表 用 于 存储 所 有 参与 考试 的 试题 信息 ， 其 中 包括 试题 题目 、 试 题 的 4 个 备 选 答案 、 正 
确 答案 以 及 所 属 的 科目 。 试 题 信息 实体 E-R 图 如 图 5.15 所 示 。 


教师 信息 表 
(tb_Teacher) 


5.14 教师 信息 实体 E-R 5.15 ”试题 信息 实体 E-R 图 
5.3.8 ”数据 库 逻 辑 结 构 设计 


根据 设计 好 的 E-R 图 在 数据 库 中 创建 各 表 ， 系 统 数据 库 中 各 表 的 结构 如 下 。 
(1) tb_Admin (管理 员 信 息 表 ) 
tb_Admin 表 用 于 保存 所 有 管理 员 信息 ， 该 表 的 结构 如 表 5.3 所 示 。 


表 5.3 管理 员 信息 表 


描述 


D | | 系统 编号 
AdminNum 管理 员 编 号 
AdminName 管理 员 姓 名 


管理 员 登 录 密 码 
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(2) tb Lesson (考试 科目 信息 表 ) 
tb_Lesson 表 用 于 保存 所 有 考试 科目 信息 ， 该 表 的 结构 如 表 5.4 所 示 。 


表 5.4 考试 科目 信息 表 


数据 类 型 描述 
D | in | 系统 编号 
LessonName Varchar 考试 科目 名 称 


LessonDataTime datetime 添加 日 期 


(3) tb_score (考试 记录 信息 表 ) 
tb_score 表 用 于 保存 所 有 参加 过 考试 的 考生 的 考试 记录 ， 该 表 结 构 如 表 5.5 所 示 。 


表 5.5 考试 记录 信息 表 


字 段 名 描述 
ID 系统 编号 
StudentID 参加 考试 的 考生 编号 
LessonName 考试 科目 名 称 
score 考生 得 分 
StudentName 参加 考试 的 考生 姓名 
StudentAns 考生 试题 答案 
RightAns 试题 正确 答案 


(4) tb Student (考生 信息 表 ) 
tb_Student 表 用 于 保存 所 有 考生 信息 ， 该 表 结 构 如 表 5.6 所 示 。 
表 5.6 考生 信息 表 
| nm | 4 | 是 | 
| wher | 5s0 | 否 


StudentNum 
StudentName 
StudentPwd 

StudentSex 


考生 性 别 


varchar 


(5) tb_Teacher (教师 信息 表 ) 
tb_Teacher 表 用 于 保存 所 有 教师 信息 ， 该 表 结构 如 表 5.7 所 示 。 


表 5.7 教师 信息 表 


字 段 名 描述 
ID 系统 编号 
TeacherNum 教师 编号 
TeacherName 教师 姓名 
TeacherPwd 教师 登录 密码 
TeacherCourse 教师 负责 的 科目 
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(6) tb_ test 〈 试 题 信息 表 ) 
tb test 表 用 于 保存 所 有 考试 试题 信息 ， 该 表 结 构 如 表 5.8 所 示 。 


表 5.8 试题 信息 表 


字 段 名 数据 类 型 描 述 
ID int 系统 编号 
testContent Varchar 试题 题目 
testAnsl Varchar 试题 备 选 答案 A 
testAns2 Varchar 试题 备 选 答案 B 
testAns3 Varchar 试题 备 选 答案 C 
testAns4 Varchar 试题 备 选 答案 D 
TightAns Varchar 试题 正确 答案 
pub int 试题 是 否 发 布 
testCourse Varchar 试题 所 属 科目 


5.3.9 文件 夹 组 织 结构 


每 个 网 站 都 会 有 相应 的 文件 夹 组 织 结构 , 如 果 网 站 中 网 
页 数量 很 多 ， 可 以 将 所 有 的 网 页 及 资源 放 在 不 同 的 文件 夹 
中 。 如 果 网 站 中 网 页 不 是 很 多 ， 可 以 将 图 片 、 公 共 类 或 者 程 
序 资源 文件 放 在 相应 的 文件 夹 中 , 而 网 页 可 以 直接 放 在 网 站 
根 目 录 下 ,在 线 考试 系统 就 是 按照 前 者 的 文件 夹 组 织 结构 排 
列 的 ， 如 图 5.16 所 示 。 图 5.16 网 站 文件 夹 组 织 结构 


后 各 和 名 站 并 件 殉 
公共 类 文件 志 


5.4 公共 类 设计 


在 开发 项 目 中 以 类 的 形式 来 组 织 、 封 装 一 些 常用 的 方法 和 事件 ， 不 仅 可 以 提高 代码 的 重用 率 ， 也 
大 大 方便 了 代码 的 管理 。 本 系统 中 创建 了 一 个 公共 类 BaseClass， 其 中 包含 了 DBCon0、BindDGO、 
OperateData0 、CheckStudentO 、CheckTeacher0 和 CheckAdmin0) 方 法 ， 分 别 用 于 连接 数据 库 、 绑 定 
GridView 控件 、 执 行 SQL 语句 、 判 断 考生 登录 、 判 断 教 师 登录 和 判断 管理 员 登 录 。 代 码 如 下 : 

倒 程 01 代码 位 置 : 资源 包 \TM\05\ExamOnLine\App_Code\BaseClass.cs 

public class BaseClass 


public static SqlConnection DBCon() /| 建立 连接 数据 库 的 公共 方法 
光 


return new SqlConnection("server=.;database=db_ExamOnline;uid=sa;pwd="); 


} 
@ public static void BindDG(GridView dg,string id, string strSql,string Tname) /建立 绑 定 GridView 控件 的 
方法 


SqlConnection conn = DBCon(); /连接 数据 库 


_- 国 
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SqlDataAdapter sda = new SqlDataAdapter(strSql,conn); 
DataSet ds = new DataSet(); 
sda.Fill(ds,Tname); 


dg.DataSource=ds.Tables[Tname]; /设置 绑 定 数据 源 
dg.DataKeyNames = new string[] {id }; 
dg.DataBind(); // 绑 定 控件 
@ public static void OperateData(string strsql) /建立 一 个 执行 SQL 语句 的 方法 
{ 
SqlConnection conn = DBCon(); /连接 数据 库 
conn.Open(); /打开 数据 库 


SqlCommand cmd = new SqlCommand(strsql,conn); 
cmd.ExecuteNonQuery(); 


conn.Close(); /关闭 连接 
; 
© public static bool CheckStudent(string studentNum,string studentPwd) ”// 检 查 是 否 是 学 生 登 录 
‘ 
SqlConnection conn = DBCon(); // 连 接 数 据 库 
conn.Open(); /打开 数据 库 


SqlCommand cmd = new SqlCommand("select count(*) from tb_Student where StudentNum= 
"+studentNum+" and StudentPwd="+studentPwd+"",conn); 


int i = Convert.Tolnt32(cmd.ExecuteScalar()); /返回 值 
if (i> 0) /判断 返回 值 是 否 大 于 0 
: return true; // 返 回 true 
i 

return false; // 返 回 false 
i 


} 
@ public static bool CheckTeacher(string teacherNum, string teacherPwd) // 检 查 是 否 是 教师 登录 
{ 
SqlConnection conn = DBCon(); // 连 接 数 据 库 
conn.Open(); /打开 数据 库 
SqlCommand cmd = new SqlCommand("select count(*) from tb_Teacher where TeacherNum=" + 
teacherNum + " and TeacherPwd=" + teacherPwd + "", conn); 


int i = Convert.Tolnt32(cmd.ExecuteScalar()); // 返 回 值 
if (i>0) /判断 返回 值 是 否 大 于 0 
return true; /返回 true 
< 
return false; // 返 回 false 
0 /关闭 连接 
© i static bool CheckAdmin(string adminNum, string adminPwd) / 淹 断 是 否 是 管理 员 登 录 
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SqlConnection conn = DBCon(); /连接 数据 库 

conn.Open(); /打开 连接 

SqlCommand cmd = new SqlCommand("select count(*) from tb_Admin where AdminNum=" + 
adminNum + " and adminPwd=" + adminPwd + "", conn); 


int i = ConvertTolnt32(cmd.ExecuteScalar()); // 返 回 值 
if (i>0) // 返 回 值 是 否 大 于 0 
: return true; // 返 回 true 
sce 

return false; /返回 false 
re /| 关闭 连接 


和 
} 


< 代码 贴 二 

@ BindDGO: 该 方法 用 于 绑 定 GridView 控件 ， 其 中 参数 分 别 代表 GridView 控件 名 称 、 数 据 表 主键 、SQL 语句 和 
绑 定 表 名 称 。 

@ OperateData0: 该 方法 用 于 执行 SQL 语句 ， 其 中 参数 代表 操作 数据 库 的 SQL 语句 。 

@ CheckStudentO: 该 方法 用 于 检验 是 否 是 学 生 登录 ， 其 中 参数 代表 学 生 登 录 账 号 和 密码 。 

@ CheckTeacher(): 该 方法 用 于 检验 是 否 是 教师 登录 ， 其 中 参数 代表 教师 登录 账号 和 密码 。 

@ CheckAdmin0: 该 方法 用 于 检验 是 否 是 管理 员 登 录 ， 其 中 参数 代表 管理 员 登 录 账 号 和 密码 。 


5.5 登录 模块 设计 


5.5.1 登录 模块 概述 


并 不 是 任何 人 都 可 以 参加 在 线 考试 ， 默 认 是 不 允许 匿名 登录 ， 只 有 经 过 管理 员 分 配 的 编号 和 密码 
才能 登录 在 线 考试 系统 参加 考试 ， 这 时 就 需要 通过 登录 模块 验证 登录 用 户 的 合法 性 。 登 录 模 块 是 在 线 
考试 系统 的 第 一 道 安全 屏障 ， 登 录 模块 运行 结果 如 图 5.17 所 示 。 


图 5.17 登录 模块 运行 结果 
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5.5.2 ”登录 模块 技术 分 析 


登录 模块 中 使 用 了 验证 码 技术 ， 通 过 验证 码 可 以 防止 利用 机 器 人 软件 反复 自动 登录 。 登 录 模块 中 
的 验证 码 主要 是 通过 Random 类 实现 的 ， 为 了 更 好 地 理解 其 用 法 ， 下 面 进行 详细 讲解 。 

Random 类 表示 伪 随 机 数 生成 器 ， 一 种 能 够 产生 满足 某 些 随 机 性 统计 要 求 的 数字 序列 的 设备 ， 
Random 类 中 最 常用 的 是 Random Next0 方 法 。 

Random .Next( 方 法 用 于 返回 一 个 指定 范围 内 的 随机 数 。 其 语法 格式 如 下 : 

public virtual int Next (int minValue,int maxValue) 

参数 说 明 

回 minValue: 返回 随机 数 的 下 界 。 

回 maxValue: 返回 随机 数 的 上 界 ，maxValue 必须 大 于 或 等 于 minValue。 
回 返回 值 : 一 个 大 于 或 等 于 minValue 上 且 小 于 maxValue 的 32 位 带 符号 整数 ， 即 返回 值 的 范围 包 

括 minValue 但 不 包括 maxValue。 如 果 minValue 等 于 maxValue， 则 返回 minValue。 


例如 : 
倒 程 02 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\Image.aspx.cs 
string MaxNum = ™"; /| 建立 上 界 变 量 
string MinNum = ™"; /| 建立 下 界 变 量 
for (inti= 0; i < 5; i++) 
MaxNum = MaxNum + "5"; // 设 置 上 界 
} 
MinNum = MaxNum.Remove(0, 1); ll 设置 下 界 
Random rd = new Random(); /实例 化 Random 
string VNum = Convert.ToString(rd.Next(Convert.Tolnt32(MinNum), Convert.Tolnt32(MaxNum))); 


return VNum; 


5.5.3 ”登录 模块 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb Admin、tb_Student、tb_Teacher 
登录 模块 的 具体 实现 步骤 如 下 : 
(1) 新 建 一 个 网 页 ， 命 名 为 Login.aspx， 主 要 用 于 实现 系统 的 登录 功能 。 该 页 面 中 用 到 的 主要 控 
件 如 表 5.9 所 示 。 


表 5.9 登录 页 面 用 到 的 主要 控件 
主要 属性 设置 
无 


txtNum 输入 登录 用 户 名 
Texthox txtpwd TextModed 属性 设置 为 Password ”| ”输入 登录 用 户 密码 
txtCode 无 | ”输入 验证 码 
ER ddlstatus Items 属性 中 添加 3 项 | 选择 登录 身份 
国画 本 Imagel ImageUrl 属性 设置 为 ~/Image.aspx | ” 显示 验证 码 
binlogin Text 属性 设置 为 “登录 ” | 登录 


Button 


btnconcel Text 属性 设置 为 “取消 ” 
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(2) 输入 账号 和 密码 等 信息 无 误 后 ， 单 击 “ 登 录 ” 按 钮 进行 登录 。 程 序 首先 会 判断 输入 的 验证 码 
是 否 正确 ， 如 果 正 确 ， 则 根据 选择 的 登录 身份 调用 公共 类 中 相应 的 方法 验证 账号 和 密码 是 否 正确 ， 如 
果 登 录 的 账号 和 密码 正确 ， 则 会 转向 与 登录 身份 相符 的 页 面 。 代 码 如 下 : 

倒 程 03 代码 位 置 资源 包 \TM\05\ExamOnLine\Login.aspx.cs 

if (txtCode. Text.Trim() != Session["verify"].ToString()) 

{ 


Response.Write("<script>alert(' 验 证 码 错误 ');location='Login.aspx'</script>");”// 输 入 错误 提示 
} 


else 
{ 
@ ifl(this.ddlstatus.SelectedValue == "学生 ") // 如 果 登 录 身 份 为 学 生 
if (BaseClass.CheckStudent(txtNum.Text.Trim(), txtPwd.Text.Trim())) /验证 登录 账号 和 密码 


Session["ID"] = txtNum.Text.Trim(); 
Response.Redirect("student/studentexam.aspx"); /| 转向 考试 界面 
} 


else 


{ 
Response.Write("<script>alert(' 您 不 是 学 生 或 者 用 户 名 和 密码 错误 
"ilocation='Login.aspx'</script> ); 


} 
@ if(this.ddlstatus.SelectedValue == "教师 ") // 如 果 登 录 身 份 为 教师 


if (BaseClass.CheckTeacher(txtNum.Text.Trim(), txtPwd.Text.Trim())) /验证 教师 账号 和 密码 


Session["teacher"] = txtNum. Text; 
Response.Redirect("teacher/TeacherManage.aspx"); // 转 向 试题 管理 模块 
} 


else 


Response.Write("<script>alert(' 您 不 是 教师 或 者 用 户 名 和 密码 错误 
");location='Login.aspx'</script>"); 


目 1 (this.ddlstatus.SelectedValue == "管理 员 ") // 如 果 登 录 身份 为 管理 员 
if (BaseClass.CheckAdmin(txtNum.Text.Trim(), txtPwd.Text.Trim())) // 验 证 管理 员 账号 和 密码 
Session["admin"] = txtNum. Text; 

Response.Redirect("admin/AdminManage.aspx"); /| 转向 后 台 管理 员 模 块 
else 


Response.Write("<script>alert(' 您 不 是 管理 员 或 者 用 户 名 和 密码 错误 
");location='Login.aspx'</script>"); 


} 
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< 代码 贴 二 

@ 判 断 登 录 身 份 是 否 为 “学 生 ”， 如 果 登 录 身份 为 “学 生 ” ， 则 通过 公共 类 中 验证 是 否 为 学 生 登 录 的 CheckStudent0 
方法 进行 验证 。 

@ 判 断 登录 身份 是 否 为 “教师 。， 如 果 登 录 身份 为 “教师 ， 则 通过 公共 类 中 验证 是 否 为 教师 登录 的 CheckTeacher0 
方法 进行 验证 。 

四 判断 登录 身份 是 否 为 “管理 员 ”， 如 果 登录 身份 为 “管理 员 ”， 则 通过 公共 类 中 验证 是 否 为 管理 员 登 录 的 
CheckAdmin0 方 法 进行 验证 。 

(3) 单 击 “取消” 按钮 ， 关 闭 登 录 窗 口 。 代 码 如 下 : 


倒 程 04 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\Login.aspx.cs 
protected void btnconcel_Click(object sender, EventArgs e) 
{ 


RegisterStartupScript(" 提 示 ", "<script>window.close();</script>"); 


5.6 ”随机 抽取 试题 模块 设计 


5.6.1 ”随机 抽取 试题 模块 概述 


开发 在 线 考试 系统 过 程 中 ， 需 要 考虑 的 一 点 是 如 何 将 试题 显示 在 页 面 上 ， 如 何 将 试题 从 数据 库 中 
读 取 出 来 。 比 较 合理 的 做 法 是 将 所 有 试题 信息 存储 在 数据 库 中 ， 然 后 随机 抽取 若干 道 试 题 ， 动 态 地 显 
示 在 页 面 中 。 为 了 实现 此 功能 ， 设 计 出 随机 抽取 试题 模块 ， 运 行 结果 如 图 5.18 所 示 。 


[古代 文学 ] 考 试 试题 


同方 0 分 坤 ， 返 小 本 :全 ， 居 革 = 用 时 054 徐 


上 下列 疆 重 行 全》 中 的 才 避 ， 形 条 吉 具 思 委 寻 芝 大 另 3 轩 节 革 之 着 的 是 ( ) 


DA 相生 万 作 里, 名 在 天 一下 
OE 放下 长 ,会面 天 类 
DC 村 上 日 E 运 ， 志 芝 日 E 经 
Dn 主 贡 白 日 ,游子 不 闻 反 
2 (EN FP 
Or 豆 者 和 村 
[2 
Oc 春 和 4 钓 页 
[> 


2、 下 中 有 有 再 1 村 到 字 的 生 


〇 谢世 适 吾 昌 直 过 了 关 
Os 二" 六 真 吉 -是 可 二 


图 5.18 随机 抽取 考试 试题 
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5.6.2 ”随机 抽取 试题 模块 技术 分 析 


实现 随机 抽取 试题 模块 的 关键 技术 是 SQL Server 中 的 newid0 函 数 ， 通 过 此 函数 可 以 动态 创建 
uniqueidentifier 类 型 的 值 ， 即 随机 数 ， 实 现 起 来 非常 简单 。 有 关 newid0 函 数 的 详细 说 明 如 下 。 
newid0 函 数 的 功能 是 创建 uniqueidentifier 类 型 的 唯一 值 。 其 语法 格式 如 下 : 


newid( ) 


返回 类 型 : uniqueidentifier。 

例如 ， 对 变量 使 用 newid0 函 数 ， 使 用 newid 对 声明 为 uniqueidentifier 数据 类 型 的 变量 赋值 。 在 测 
试 该 值 前 ， 将 先 打 印 uniqueidentifier 数据 类 型 变量 的 值 。 

— Creating a local variable with DECLARE/SET syntax. 

DECLARE @myid uniqueidentifier 


SET @myid = NEWID() 
PRINT Value of @myid is: '+ CONVERT(varchar(255), @myid) 


下 面 是 结果 集 : 
Value of @myid is: 6F9619FF-8B86-D011-B42D-00C04FC964FF 
例如 ， 从 数据 表 tb_Test 中 随机 抽取 10 条 数据 ， 可 以 利用 下 面 的 代码 实现 : 
Select top 10 * from tb_Test order by newid() 


5.6.3 ”随机 抽取 试题 模块 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb _ Lesson、tb_score、tb test 
随机 抽取 试题 模块 的 具体 实现 步骤 如 下 : 
(1) 在 随机 抽取 试题 之 前 ， 考 生 要 选择 考试 的 科目 ， 然 后 根据 选择 的 科目 随机 从 数据 库 中 抽取 试 
题 给 考生 。 所 以 ， 考 生 选 择 考试 科目 是 随机 抽取 试题 的 条 件 ， 其 运行 结果 如 图 5.19 所 示 。 


负 名 硅 经 者 试 站 


学 号 : 10020071106 扑 名 ;小 吕 性 别 : 男 


考试 科目 连 择 


达 振 考试 科目 : [计算 机 原 这 四 


关于 我 们 | 联系 我 们 | 招 偶 纳 士 | 友情 链接 | 网 站 地 图 
乓 权 所 有 2017 心 吉林 省 ww 科技 有 限 公司 


图 5.19 选择 考试 科目 
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程序 首先 根据 考生 选择 的 科目 对 数据 库 进 行 检索 ， 查 看 数据 库 中 是 否 有 相关 的 试题 。 如 果 存 在 试 
题 ， 则 跳 转 到 随机 抽取 试题 页 面 ， 否 则 ， 提 示 考 生 选 择 的 考试 科目 在 数据 库 中 没有 试题 。 代 码 如 下 : 

倒 程 05 ”代码 位 置 : 资源 包 \TM\05\ExamOnLine\student\studentexam.aspx.cs 

protected void Button2_Click(object sender, EventArgs e) 


{ 
string StulD = Session["ID"].ToString(); /考生 的 编号 


string StuKC = ddIKm.Selectedltem_.Text' /选择 的 考试 科目 
SqlConnection conn = BaseClass.DBCon(); // 连 接 数 据 库 
/打开 连接 


conn.Open(); 
SqlCommand cmd = new SqlCommand("select count(*) from tb_Score where StudentID=" + StulD + "” 


and LessonName=" + StuKC + "", conn); /| 执行 SQL 语句 

int i = Convert.Tolnt32(cmd.ExecuteScalar()); /获取 返回 值 

if (i> 0) // 如 果 返 回 值 大 于 0 
MessageBox.Show(" 你 已 经 参加 过 此 科目 的 考试 了 "); 

} 

else 

{ 
cmd = new SqlCommand("select count(*) from tb_test where testCourse="+StuKC+"", conn); 
int N = Convert.Tolnt32(cmd.ExecuteScalar()); /获取 返回 值 
if (N >0) /| 如果 返 回 值 大 于 0 


‘ 
cmd = new SqlCommand("insert into tb_Score(StudentID,LessonName,StudentName) values(™ 
+ StulD ™," + tuKC + "," + lblName.Text + ")", conn); /执行 SQL 语句 
cmd.ExecuteNonQuery(); 
conn.Close(); 
Session["KM"] = StuKC; 


/关闭 连接 


Response.Write("<script>window.open('StartExam.aspx', newwindow','status=1,scrollbars=1,resizable=1")</scri 


pb 

Response.Write("<script>window.opener=null;window.close();</script>"); 

else 
MessageBox.Show(" 此 科目 没有 考试 题 "); /弹出 提示 信息 
return; 

} 

} 
} 


(2) 新 建 一 个 网 页 ， 命 名 为 StartExam.aspx， 作 为 随机 抽取 试题 页 面 及 考试 页 面 。 该 页 面 中 用 到 
的 主要 控件 如 表 5.10 所 示 。 


表 5.10 随机 抽取 试题 页 面 用 到 的 主要 控件 


控件 类 型 控件 ID 主要 属性 设置 用 途 
lblSmNum 显示 考生 编号 

A Label lblStuName 显示 考生 姓名 
显示 考生 性 别 


lblStuSex 


第 5 章 铭 成 在 线 考试 系统 ( WebForm +SQL Server 2014+JavaScript 实现 ) ”人 志 食 人 饼 


续 表 
控件 类 型 主要 属性 设置 用 途 
显示 考试 科目 
显示 考试 声明 
显示 考试 用 时 时 间 
Panel 显示 随机 抽取 的 试题 
Button 提交 试卷 


(3) 当 页 面 加 载 时 ， 根 据 考 生 选择 的 科目 在 数据 库 中 随机 抽取 试题 ， 并 显示 在 Panel 控件 中 。 代 
码 如 下 : 


倒 程 06 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\student\StartExam.aspx.cs 


public string Ans = null; /建立 存储 正确 答案 的 公共 变量 

public int tNUM; // 记 录 考题 数量 

protected void Page_Load(object sender, EventArgs e) 

{ 
lblEndtime.Text = "考试 时 间 为 10 分 钟 ， 每 小 题 2 分 ， 考 试 已 用 时 :"; // 显 示 考 试 提 示 
IblStuNum.Text = Session["ID"].ToString(); /显示 考生 编号 
IblStuName.Text = Session["name"].ToString(); /显示 考生 姓名 
IblStuSex.Text = Session["sex"].ToString(); /显示 考生 性 别 
IblStuKM.Text = "[" + Session["KM"].ToString() + "" + "考试 试题 "; // 显 示 考试 科目 
int i=1; // 初 始 化 变量 
SqlConnection conn = BaseClass.DBCon(); // 连 接 数 据 库 
conn.Open(); /打开 连接 


SqlCommand cmd = new SqlCommand("select top 10 * from tb_test where testCourse=" + Session["KM"]. 
ToString() + " order by newid()", conn); 


SqlDataReader sdr = cmd.ExecuteReader(); /创建 记录 集 

while (sdr.Read()) 
Literal littxt = new Literal(); /创建 Literal 控件 
Literal litti = new Literal(); /| 创建 Literal 控件 
RadioButtonList cbk = new RadioButtonList(); /创建 RadioButtonList 控件 


cbk.ID = "cbk" + i.ToString(); 

littxt. Text = ,ToString() + "、" + Server.HtmlEncode(sdr["testContent"].ToString()) + "<br>ckquote>"; 
litti.Text = "</Blockquote>"; 

cbk.ltems.Add("A. " + Server.HtmlEncode(sdr["testAns1"].ToString())); // 添 加 选项 A 
cbk.ltems.Add("B. " + Server.HtmlEncode(sdr["testAns2"].ToString())); // 添 加 选项 B 
cbk.ltems.Add("C. " + Server.HtmlEncode(sdr["testAns3"].ToString())); /添加 选项 C 
cbk.ltems.Add("D. " + Server.HtmlEncode(sdr["testAns4"].ToString())); /添加 选项 D 
cbk.Font.Size = 11; // 设 置 文 字 大 小 

for (intj = 1;j <= 4; j++) 


cbk.ltems[j - 1].Value = j.ToString(); 


} 
Ans += sdr[6].ToString(); // 获 取 试 题 的 正确 答案 
if (Session["a"] == null) // 判 断 是 否 第 一 次 加 载 


辐 


1/ 如 果 第 一 次 加 载 则 将 正确 答案 赋值 给 Session["Ans"] 
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Session["Ans"] = Ans; 


Panel1.Controls.Add(littxt); /将 控件 添加 到 Panel 中 
Panel1.Controls.Add(cbk); /将 控件 添加 到 Panel 中 
Panel1.Controls.Add(litti); /将 控件 添加 到 Panel 中 
i++; /使 1 递增 
tNUM++; /使 INUM 递增 

} 

sdr.Close(); 

conn. Close(); /关闭 连接 

Session["a"] = 1; 


} 


(4) 考生 在 规定 的 时 间 内 进行 考试 ， 当 考生 答题 完毕 ， 单 击 “ 交 卷 ”按钮 提交 试卷 ， 此 时 系统 会 
将 该 考生 的 答题 结果 提交 给 自动 评分 模块 。 代 码 如 下 : 


倒 程 07 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\student\StartExam.aspx.cs 


protected void btnsubmit_Click(object sender, EventArgs e) 

{ 
string msc = ™"; /建立 变量 msc 存储 考生 答案 
for (inti = 1; i <= 10; i++) 


RadioButtonList list = (RadioButtonList)Panel1.FindControl("cbk" + i.ToString()); 
if (list {= null) 
{ 
if (list.SelectedValue.ToString() (= "") 
msc += list.SelectedValue.ToString(); /存储 考生 答案 
else 


本 // 如 果 没有 选择 则 为 0 


} 

Session["Sans"] = msc; /考生 答案 

/更 新 考试 结果 数据 表 

string sql = "update tb_score set RigthAns=" + Ans + " where StudentID=" + IblStuNum.Text + ™™; 
BaseClass.OperateData(sql); 

// 更 新 考试 结果 数据 表 

string strsql = "update tb_score set StudentAns=" + msc + " Where StudentlD=" + IblStuNum.Text + ™™; 
BaseClass.OperateData(strsql); 

Response.Redirect("result.aspx?BInt=" + tNUM.ToString()); 


5.6.4 ”单元 测试 
设计 完 随机 抽取 试题 模块 之 后 ， 必 须 对 模块 进行 单元 测试 ， 以 检查 是 否 出 现 不 可 预知 的 错误 ， 通 


过 本 模块 的 单元 测试 ， 发 现 如 果 不 对 考生 选择 考试 科目 进行 限制 ， 无 论 考生 选择 哪 一 个 科目 都 会 随机 
抽取 数据 库 中 的 所 有 试题 信息 ， 所 以 在 考生 选择 考试 科目 时 ， 必 须 首 先 根据 考生 选择 的 科目 在 试题 信 


@ 
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息 表 中 查找 是 否 存 在 与 之 相关 的 试题 。 代 码 如 下 : 
倒 程 08 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\student\studentexam.aspx.cs 


string StulD = Session["ID"].ToString(); /考生 编号 
string StuKC = ddIKm.Selectedltem.Text' // 选 择 考试 科目 
SqlConnection conn = BaseClass.DBCon(): /| 连接 数据 库 
conn.Open(); /打开 连接 
SqlCommand cmd = new SqlCommand("select count(*) from tb_Score where StudentID=" + StulD + "and 
LessonName=" + StuKC + "", conn); 
int i = Convert.Tolnt32(cmd.ExecuteScalar()); // 获 取 返 回 值 
if (i> 0) // 如 果 返 回 值 大 于 0 
MessageBox.Show(" 你 已 经 参加 过 此 科目 的 考试 了 "); // 提 示 已 经 参加 过 考试 
} 
else 
{ 
cmd = new SqlCommand("select count(*) from tb_test where testCourse="+StuKC+"", conn); 
int N = Convert.Tolnt32(cmd.ExecuteScalar()); /获取 返回 值 
if (N >0) // 如 果 返 回 值 大 于 0 
{ 


cmd = new SqlCommand("insert into tb_Score(StudentID,LessonName,StudentName) values(" + 
StulDStuKC + "," + lblName. Text + ")", conn); 

cmd.ExecuteNonQuery(); 

conn.Close(); /关闭 连接 

Session["KM"] = StuKC; 

// 弹 出 新 窗口 ， 用 于 随机 抽取 考试 题 
Response.Write("<script>window.open('StartExam.aspx','newwindow",'status=1,scrollbars=1,resizable=1"')</scri 
pt>"); 

Response.Write("<script>window.opener=null;window.close();</script>"); 


y 

else 
MessageBox.Show(" 此 科目 没有 考试 题 "); // 弹 出 提示 信息 
return; 

} 


5.7 自动 评分 模块 设计 


5.7.1 自动 评分 模块 概述 


在 线 考试 系统 和 普通 考试 的 流程 是 一 样 的 ， 考 生 答卷 完毕 后 要 对 考生 的 答案 评分 。 根 据 实际 需要 ， 
在 线 考试 系统 中 加 入 了 自动 评分 模块 ， 当 考生 答题 完毕 提交 试卷 时 ， 系 统 会 根据 考生 选择 的 答案 与 正 
确 答案 进行 比较 ， 最 后 进行 评分 ， 运 行 结果 如 图 5.20 所 示 。 


时 
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ee Ed 
RO 三 和 本 


5.20 自动 评分 模块 运行 结果 

5.7.2 自动 评分 模块 技术 分 析 

自动 评分 模块 使 用 的 基本 技术 是 字符 串 的 截取 与 比较 ， 下 面 介 绍 使 用 Substring0 和 Equals0 方 法 对 
字符 串 进 行 截取 与 比较 。 

1. 截取 字符 串 

功能 : 使 用 Substring0 方 法 可 以 从 指定 字符 串 中 截取 子 串 。 

语法 格式 如 下 : 

public string Substring(int startindex,int length) 


参数 说 明 

回 startIndex: 子 字符 串 的 起 始 位 置 的 索引 。 

length: 子 字 符 串 中 的 字符 数 。 

例如 ， 将 字符 串 “ 我 们 是 社会 主义 新 青年 ”截取 为 “社会 主义 新 青年 ”。 代 码 如 下 : 
string str = "我 们 是 社会 主义 新 青年 "; 

string str2 = str.Substring(3,str.Length-3); 


Response.Write(str2); 

2. 比较 字符 串 

功能 :Equals0 方 法 用 于 确定 两 个 String 对 象 是 否 具有 相同 的 值 。 
语法 格式 如 下 : 


public bool Equals(string value) 


例如 ， 判 断 字符 串 stra 和 字符 串 strb 是 否 相等 。 代 码 如 下 : 


stra.Equals(strb) 


如 果 stra 的 值 与 strb 相同 ， 则 为 trwe; 否则 为 false。 


@ 
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5.7.3 自动 评分 模块 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb score 
自动 评分 模块 的 具体 实现 步骤 如 下 : 
(1) 新 建 一 个 网 页 ， 命 名 为 resultaspx， 主 要 用 于 实现 对 考生 提交 的 试题 答案 进行 自动 评分 。 该 
页 面 中 用 到 的 主要 控件 如 表 5.11 所 示 。 


表 5.11 自动 评分 模块 用 到 的 主要 控件 


控件 类 型 用 途 
lbldate 无 显示 当前 系统 时 间 
A riba 显示 考生 编号 


显示 考生 姓名 
显示 考试 得 分 


(2) 考生 将 试题 答案 提交 到 自动 评分 模块 ， 自 动 评分 模块 对 考生 答案 进行 评分 ， 并 将 考生 的 成 绩 
添加 到 数据 表 tb_score 中 。 代 码 如 下 : 


倒 程 09 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\student\result.aspx.cs 
protected void Page_Load(object sender, EventArgs e) 


{ 
string Rans = Session["Ans"].ToString(); // 获 取 正 确 答案 
intj = Convert.Tolnt32(Request.QueryString["BInt"]); // 获 取 试 题 数 量 
string Sans = Session["Sans"].ToString(); // 获 取 考 生 答案 
int StuScore = 0; /将 考试 成 绩 初始 化 为 0 
for (inti=0;i<j i++) 
if (Rans.Substring(i, 1).Equals(Sans.Substring(i, 1))) // 将 考生 答案 与 正确 答案 作 比 较 
StuScore += 2; // 如 果 答案 正确 加 2 分 
} 
} 
this.lblResult.Text = StuScore.ToString(); // 显 示 考试 成 绩 
this.lblkm. Text = Session["KM"].ToString(); /显示 考试 科目 
this.lbiInum.Text = Session["ID"].ToString(); /显示 考生 编号 
this.lblname.Text = Session["name"].ToString(); // 显 示 考生 姓名 
// 更 新 考试 结果 数据 表 


string strsql = "update tb_score set score=" + StuScore.ToString() + " where StudentlD=" + Session["ID"]. 
ToString() + " and LessonName=" + Session["KM"].ToString() + ”"; 

BaseClass.OperateData(strsql); 
上 


时 
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5.8 ”试题 管理 模块 设计 


试题 管理 模块 概述 


试题 管理 模块 在 整个 在 线 考 试 系统 中 占有 非常 重要 的 地 位 ， 它 是 专门 为 教师 设计 的 。 教 师 登 录 此 
模块 后 即 可 在 后 台 对 试题 进行 添加 、 修 改 和 删除 ， 并 且 可 以 查看 考试 结果 。 试 题 管理 模块 运行 结果 如 
图 5.21 所 示 。 


和 负 铝 成 杜 线 考试 网 后 台 
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图 521 试题 管理 模块 运行 结果 
5.8.2 ”试题 管理 模块 技术 分 析 


在 开发 试题 管理 模块 时 ， 主 要 应 用 了 对 数据 库 进行 查询 、 添 加 、 更 新 、 删 除 以 及 模糊 查询 等 技术 
下 面 主要 对 模糊 查询 进行 介绍 。 

在 进行 数据 查询 时 ， 经 常会 使 用 模糊 查询 方式 。 模 糊 查询 是 指 根据 输入 的 条 件 进 行 模式 匹配 ， 即 
将 输入 的 查询 条 件 按照 指定 的 通配符 与 数据 表 中 的 数据 进行 匹配 ， 查 找 符合 条 件 的 数据 。 模 糊 查 询 一 
般 应 用 在 不 能 准确 写 出 查询 条 件 的 情况 。 在 设计 模糊 查询 时 ， 一 般 通 过 文本 框 获 取 查 询 条 件 ， 这 样 可 
以 使 查询 更 为 灵活 。 模 糊 查 询 通 常 使 用 LIKE 关键 字 来 指定 模式 查询 条 件 。 

LIKE 关键 字 的 语法 格式 如 下 

match_expression [ NOT ] LIKE pattern [ ESCAPE escape_character ] 


参数 说 明 
回 ”match _expression: 任何 字符 串 数据 类 型 的 有 效 SQL Server 表达 式 。 
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回 pattem: match expression 中 的 搜索 模式 。 
回 escape_character: 字符 串 数据 类 型 分 类 中 的 所 有 数据 类 型 的 任何 有 效 SQL Server 表达 式 。 
escape_character 没有 默认 值 ， 且 必须 仅 包含 一 个 字符 。 
LIKE 查询 条 件 需要 使 用 通配符 在 字符 串 内 查找 指定 的 模式 ，LIKE 关键 字 中 的 通配符 如 表 5.12 
所 示 。 
表 5.12 LIKE 关键 字 中 的 通配符 及 其 含义 


通配符 说 明 
% | 由 0 个 或 更 多 字符 组 成 的 任意 字符 串 
蜂 | 任意 单个 字符 
[] | 用 于 指定 范围 ， 例 如 [A~F]， 表 示 A~F 范围 内 的 任何 单个 字符 
加 表示 指定 范围 之 外 的 ， 例 如 [^A~F] 范 围 以 外 的 任何 单个 字符 
1.“%” 通 配 符 


“%” 通 配 符 能 匹配 0 个 或 更 多 个 字符 的 任意 长 度 的 字符 串 。 
在 SQL Server 语句 中 ， 可 以 在 查询 条 件 的 任意 位 置 放置 一 个 “%?” 符 号 来 代表 任意 长 度 的 字符 串 。 
在 设置 查询 条 件 时 ， 也 可 以 放置 两 个 “%”， 但 是 最 好 不 要 连续 出 现 两 个 “%” 符 号 。 


2.“ ”通配符 
“ ”号 表示 任意 单个 字符 ， 该 符号 只 能 匹配 一 个 字符 ， 利 用 “_” 号 可 以 作为 通配符 组 成 匹配 模 


式 进 行 查询 。 
“ ”符号 可 以 放 在 查询 条 件 的 任意 位 置 ， 且 只 能 代表 一 个 字符 。 
3. “[]” 通配符 


在 模式 查询 中 可 以 使 用 “[ ]” 符 号 来 查询 一 定 范围 内 的 数据 。“[ ]” 符 号 用 于 表示 一 定 范围 内 的 
任意 单个 字符 ， 它 包括 两 端 数据 。 

例如 ， 在 students 表 中 ， 查 询 电话 号 码 以 3451' 结 尾 并 且 开头 数字 位 于 1 一 5 的 学 生 信息 。 

4 “ 必 ]” 通配符 

在 模式 查询 中 可 以 使 用 “[^]” 符 号 来 查询 不 在 指定 范围 内 的 数据 。“[^]” 符 号 用 于 表示 不 在 某 范 
围 内 的 任意 单个 字符 ， 它 包括 两 端 数据 。 

例如 : 


protected void Page_Load(object sender, EventArgs e) 


SqlConnection myConn = new SqlConnection(ConfigurationManager.AppSettings["ConnectionString"]. 
ToString()); 

string strSql = "select * from tb_Student where 学 生 姓名 like ' 王 %"; 

SqlDataAdapter adapter = new SqlDataAdapter(strSql, myConn); 

DataSet ds = new DataSet(); 

adapter.Fill(ds); 

this.GridView1.DataSource = ds.Tables[0].DefaultView:; 


时 
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this.GridView1.DataBind(); 
for (int i = 0; i <= this.GridView1.Rows.Count - 1; i++) 


DataRowView drv=ds.Tables[0].DefaultViewifi]; 
this.GridView1.Rows[i].Cells[3].Text = Convert.ToDateTime(drv[3].ToString()).ToLongDateString(); 


5.8.3 ”试题 管理 模块 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb_Teacher、tb test、tb_score 

试题 管理 模块 中 具体 包括 试题 基本 信息 、 添 加 试题 信息 、 考 试 结果 和 修改 密码 的 功能 。 具 体 实现 
步骤 如 下 : 

教师 通过 登录 模块 成 功 登录 后 ， 系 统 会 根据 登录 的 账号 对 数据 库 进 行 检索 ， 查 找 出 该 名 教师 的 姓 
名 和 负责 的 课程 。 代 码 如 下 : 

倒 程 10 ”代码 位 置 : 资源 包 \TM\05\ExamOnLine\teacher\TeacherManage.aspx.cs 

protected void Page_Load(object sender, EventArgs e) 


if (Session["teacher"] == null) // 禁 止 匿名 登录 

{ 
Response.Redirect("../Login.aspx"); 

; 

else 
lblwz.Text = Session["teacher"].ToString(); // 教 师 编号 
SqlConnection conn = BaseClass.DBCon(); // 连 接 数据 库 
conn.Open(); /打开 连接 

SqlCommand cmd = new SqlCommand("select * from tb_Teacher where TeacherNum=" + lblwz.Text + ""， 
conn); 

SqlDataReader sdr = cmd.ExecuteReader(); /| 创建 记录 集 
sdr.Read(); 
Ilblname.Text = sdr["TeacherName"].ToString(); /显示 教师 姓名 
int id = Convert.Tolnt32(sdrf"TeacherCourse"].ToString()); // 获 取 教 师 的 授课 编号 
sdr.Close(); 
cmd = new SqlCommand("select LessonName from tb_Lesson where ID="+id, conn); 
lblkc.Text = cmd.ExecuteScalar().ToString(); // 获 取 教 师 授 课 科目 名 称 
Session["KCname"] = Iblkc. Text; 
conn.Close(); /关闭 连接 

} 


} 


1. 试题 基本 信息 (TExaminationInfo.aspx) 


新 建 一 个 网 页 , 命名 为 TExaminationInfo.aspx， 主 要 用 于 实现 浏览 所 有 的 试题 信息 。 该 页 面 中 用 到 
的 主要 控件 如 表 5.13 所 示 。 


@ 
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表 5.13 试题 基本 信息 页 面 中 用 到 的 主要 控件 


途 


控件 类 型 控件 ID 主要 属性 设置 用 
i | txtstkey 无 输入 查询 关键 字 
Button | binserch Text 属性 设置 为 “查询 ” 查询 

gvExaminationInfo Columns 属性 中 添加 4 列 显示 所 有 试题 信息 及 查询 结果 


园 criayiew 


当 此 页 面 加 载 时 ， 从 数据 库 中 检索 出 所 有 的 试题 信息 ， 显 示 在 GridView 控件 上 。 代 码 如 下 : 


倒 程 11 代码 位 置 : 资源 包 \TM\05\ExamOnLine\teacher\TExaminationInfo.aspx.cs 
protected void Page_Load(object sender, EventArgs e) 


if (Session["teacher"] == null) // 禁 止 匿名 登录 
{ 
Response.Redirect("../Login.aspx"); 
} 
else 
{ 
if (lIsPostBack) 
{ 
string strsql = "select * from tb_test where testCourse=" + Session["KCname"].ToString() + ""; 
BaseClass.BindDG(gvExaminationInfo, "ID", strsql, "ExaminationInfo"); 
} 
} 


} 
在 GridView 控件 的 RowDeleting 事件 中 添加 代码 ， 执 行 对 指定 数据 的 删除 操作 。 代 码 如 下 : 


倒 程 12 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\teacher\TExaminationInfo.aspx.cs 


protected void gvExaminationInfo_RowDeleting(object sender, GridViewDeleteEventArgs e) 
{ 


int id = (int)gvExaminationInfo.DataKeys[e.RowIndex].Value; /获取 和 欲 删除 信息 的 编号 
string sql = "delete from tb_test where ID=" + id; /执行 删除 操作 的 SQL 语句 
BaseClass.OperateData(sql); 


string strsql = "select * from tb_test where testCourse=" + Session["KCname"].ToString() + ™™; 
BaseClass.BindDG(gvExaminationInfo, "ID", strsql, "ExaminationInfo"); 


} 


对 GridView 控件 进行 分 页 ， 要 在 其 PageIndexChanging 中 添加 分 页 绑 定 代码 ， 才 能 在 分 页 时 正常 
显示 数据 。 代 码 如 下 : 
倒 程 13 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\teacher\TExaminationInfo.aspx.cs 


protected void gvExaminationlnfo_PagelndexChanging(object sender, GridViewPageEventArgs e) 
{ 
gvExaminationlnfo.Pagelndex = e.NewPagelndex; 
string strsql = "select * from tb_test where testCourse=" + Session["KCname"].ToString() + ™™; 
BaseClass.BindDG(gvExaminationInfo, "ID", strsql, "ExaminationInfo"); 


时 
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当 在 “关键 字 ” 文 本 框 中 输入 查询 的 关键 字 之 后 ， 单 击 “ 查 询 ” 按 钮 查询 与 关键 字 相关 的 数据 。 
代码 如 下 : 
倒 程 14 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\teacher\TExaminationInfo.aspx.cs 


protected void btnserch_Click(object sender, EventArgs e) 
‘ 


string strsql = "select * from tb_test where testContent like '%"+txtstkey. Text.Trim()+"%"; 
BaseClass.BindDG(gvExaminationInfo, "ID", strsql, "Examinationlnfo"); 
} 


2. 添加 试题 信息 (TAddExamination.aspx) 


新 建 一 个 网 页 , 命名 为 TAddExamination.aspx， 主 要 用 于 实现 添加 试题 信息 。 该 页 面 中 用 到 的 主要 
控件 如 表 5.14 所 示 。 


表 5.14 添加 试题 页 面 中 用 到 的 主要 控件 


控件 类 型 控件 ID 主要 属性 设置 用 途 
txtsubject TextMode 属性 设置 为 MultiLine 输入 试题 题目 
txtAnsA TextMode 属性 设置 为 MultiLine 输入 答案 选项 A 

TextBox txtAnsB TextMode 属性 设置 为 MultiLine 输入 答案 选项 B 
txtAnsC TextMode 属性 设置 为 MultiLine 输入 答案 选项 C 
txtAnsD TextMode 属性 设置 为 MultiLine 输入 答案 选项 DD 

je btnconfirm Text 属性 设置 为 “确定 ” 确定 
btnconcel Text 属性 设置 为 “ 重 置 ” 重 置 

$= RadioButtonList TblRightAns Items 属性 中 添加 4 项 选择 正确 答案 

器 cea 画 二 cbFB Text 属性 设置 为 “是 否 发 布 ” 设置 是 否 发 布 

A Label lblkmname 无 显示 教师 负责 的 课程 


试题 的 所 有 信息 输入 完毕 之 后 ， 单 击 “ 确 定 ” 按 钮 添加 到 数据 库 中 。 代 码 如 下 : 
倒 程 15 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\teacher\TAddExamination.aspx.cs 
protected void btnconfirm_Click(object sender, EventArgs e) 


// 判 断 信息 填写 是 否 完整 
if (txtsubject. Text == "" || txtAnsA. Text == "" || txtAnsB.Text == "" || txtAnsC.Text == "" || txtAnsD.Text == "" ) 
MessageBox.Show(" 请 将 信息 填写 完整 "); // 弹 出 提示 信息 
return; 
} 
else 
{ 
string isfb = ""; /建立 变量 
if (cbFB.Checked == true) /| 削 断 是 否 选择 
isfb = "1"; // 如 果 选 择 赋值 为 1 
else 
isfb = "0"; // 否 则 赋值 为 0 


string str = "insert into tb_testContent,testAns1,testAns2,testAns3,testAns4,rightAns,pub,testCourse) 


@ 


第 5 章 铭 成 在 线 考试 系统 ( WebForm +SQL Server 2014+JavaScript 实现 ) 人 @@@ 


values(" + txtsubject. Text.Trim() + "," + nsA.Text.Trim() + "," + txtAnsB.Text.Trim() + "," + txtAnsC.Text.Trim() 
+","+txtAnsD.Text.Trim() + "," + rblRigs.SelectedValue.ToString() + "," + isfb + ™,"+ 
Session["KCname"].ToString()+ ")"; 


BaseClass.OperateData(str); // 将 数据 插入 数据 库 

btnconcel_Click(sender, e): /清空 所 有 输入 的 信息 
3 
3. 考试 结果 (TExaminationResult.aspx) 
新 建 一 个 网 页 ， 命名 为 TExaminationResult.aspx， 主 要 用 于 实现 浏览 所 有 考生 考试 记录 。 该 页 面 中 

用 到 的 主要 控件 如 表 5.15 所 示 。 
表 5.15 考试 结果 页 面 中 用 到 的 主要 控件 
用 途 


控件 类 型 主要 属性 设置 
Texthox txtke 无 输入 查询 关键 字 


i Text 属性 设置 为 “查询 ” 查询 
wi Columns 属性 中 添加 5 列 显示 所 有 考生 考试 结果 
国 mropDonliit [二 Ttems 属性 中 添加 两 项 选择 查询 的 范围 
选择 查询 范围 , 输入 查询 关键 字 , 单 击 “查询 ”按钮 查询 与 关键 字 相 关 的 信息 ,并 显示 在 GridView 
控件 上 。 代 码 如 下 : 
倒 程 16 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\teache\TExaminationResult.aspx.cs 
protected void btnserch_Click(object sender, EventArgs e) 


string type = ddltype.Selectedltem.Text; // 获 取 查 询 的 范围 
if (type == "学 号 ") // 如 果 选 择 “ 学 号 ” 
{ 


string resultstr = "select * from tb_score where StudentID like '%" + txtkey.Text.Trim() + "%' and 


LessonName =" + Session ["KCname"]. ToString() + ""; 
BaseClass.BindDG(gvExaminationresult, "ID", resultstr, "result"); // 在 学 号 范围 内 查找 


党 旺 " 


Session["num"] = "学 号 "; 
} 
if (type == "姓名 ") // 如 果 选 择 “ 姓 名 ” 
{ 
string resultstr = "select * from tb_score where StudentName like '%" + txtkey.Text.Trim() + "%' and 


LessonName=" + Session["KCname"].ToString() + ™™; 
BaseClass.BindDG(gvExaminationresult, "ID", resultstr, "result"); /在 姓名 范围 内 查找 


Session["num"] = "姓名 "; 


单 击 “ 删 除 ” 按 钮 可 以 删除 指定 的 信息 ， 在 GridView 控件 的 RowDeleting 事件 中 添加 如 下 代码 : 


倒 程 17 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\teacher\TExaminationResult.aspx.cs 
protected void gvExaminationInfo_RowDeleting(object sender, GridViewDeleteEventArgs e) 


int id = (int)gvExaminationresult.DataKeys[e.RowIndex].Value; // 获 取 和 欲 删除 信息 的 id 


时 
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string strsql = "delete from tb_score where ID=" + id; 
BaseClass.OperateData(strsql); 

if (Session["num"].ToString() == "学 号 ") /判断 当前 查询 的 范围 
{ 


string resultstr = "select * from tb_score where StudentID like '%" + txtkey.Text.Trim() + "%' and 
LessonName=" + Session["KCname"].ToString() + ™™; 


BaseClass.BindDG(gvExaminationresult, "ID", resultstr, "result"); // 绑 定 控件 


/执行 删除 操作 的 SQL 语句 


else 


string resultstr = "select * from tb_score where StudentName like '%" + txtkey.Text.Trim() + "%' and 
LessonName=" + Session["KCname"].ToString() + ™™; 


BaseClass.BindDG(gvExaminationresult, "ID", resultstr, "result"); // 绑 定 控件 
= 


如 果 查 询 出 的 数据 过 多 ， 可 以 对 数据 进行 分 页 绑 定 ， 具 体 方 法 是 在 GridView 控件 的 PageIndex 
Changing 事件 中 添加 如 下 代码 : 


倒 程 18 ”代码 位 置 : 资源 包 \TM\05\ExamOnLine\teache\TExaminationResult.aspx.cs 
protected void gvExaminationresult_PagelndexChanging(object sender, GridViewPageEventArgs e) 
{ 


if (Session["num"].ToString() == "学 号 ") // 淹 断 当 前 查询 范围 
{ 
gvExaminationresult.Pagelndex = e.NewPagelndex; 


string resultstr = "select * from tb_score where StudentID like '%" + txtkey.Text.Trim() + "%' and 
LessonName=" + Session["KCname"].ToString() + ™™; 


BaseClass.BindDG(gvExaminationresult, "ID", resultstr, "result"); // 绑 定 控件 


else 
站 
gvExaminationresult.Pagelndex = e.NewPagelndex; 


string resultstr = "select * from tb_score where StudentName like '%" + txtkey.Text.Trim() + "%' and 
LessonName=" + Session["KCname"].ToString() + ™™; 


BaseClass.BindDG(gvExaminationresult, "ID", resultstr, "result"); // 绑 定 控件 
3 


4. 修改 密码 (TeacherChangePwd.aspx) 


新 建 一 个 网 页 ， 命 名 为 TeacherChangePwd.aspx， 主 要 用 于 实现 教师 修改 密码 。 该 页 面 中 用 到 的 主 
要 控件 如 表 5.16 所 示 。 


表 5.16 修改 密码 页 面 中 用 到 的 主要 控件 


主要 属性 设置 


用 途 
输入 旧 密 码 
输入 新 密码 
再 次 输入 新 密码 
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所 有 数据 输入 完毕 后 ， 单 击 “确定 修改 ”按钮 完成 密码 的 修改 。 代 码 如 下 : 
倒 程 19 ”代码 位 置 : 资源 包 \TM\05\ExamOnLine\teacher\TeacherChangePwd.aspx.cs 


protected void btnchange_Click(object sender, EventArgs e) 
让 


if (txtNewPwd.Text == "" || txtNewPwdA.Text == "" || txtoldPwd.Text == ") // 检 查 信息 输入 是 否 完整 
{ 
MessageBox.Show(" 请 将 信息 填写 完整 "); /弹出 提示 信息 
return; 
} 
else 
1/ 检查 旧 密码 输入 是 否 正确 
if (BaseClass.CheckTeacher(Session["teacher"].ToString(), txtOIdPwd. Text.Trim())) 
if (txtNewPwd.Text.Trim() (= txtNewPwdA.Text Trim()) // 检 查 两 次 输入 的 新 密码 是 否 相 等 
MessageBox.Show(" 两 次 密码 不 一 致 "); /弹出 提示 信息 
return; 
else 


string strsql = "update tb_Teacher set TeacherPwd=" + txtNewPwdA.Text.Trim() + " where 
TeacherNum=" + Session["teacher"].ToString() + ™™; 


BaseClass.OperateData(strsql); // 更 新 数据 表 
MessageBox.Show(" 密 码 修改 成 功 "); 
txtNewPwd.Text = "™"; /清空 文本 框 
txtNewPwdA.Text = ""; /清空 文本 框 
txtoldPwd.Text = ™; /清空 文本 框 
} 
} 
else 
MessageBox.Show(" 旧 密码 输入 错误 "); // 弹 出 提示 信息 
return; 
} 


$ 
: 


5.8.4 单元 测试 
开发 完 试题 管理 模块 之 后 ， 必 须 对 模块 进行 单元 测试 。 通 过 此 模块 的 单元 测试 ， 发 现 如 果 不 对 程 
序 进 行 处 理 ， 当 任何 一 个 教师 登录 后 ， 都 会 显示 相同 的 管理 内 容 。 为 了 避免 此 错误 的 出 现 ， 通 过 修改 


程序 实现 当 教师 登录 试题 管理 模块 之 后 ， 只 能 管理 此 教师 负责 的 科目 试题 。 
在 试题 管理 模块 主 界面 ， 教 师 登 录 之 后 根据 登录 的 账号 ， 检 索 出 教师 的 姓名 及 负责 的 课程 名 称 。 


代码 如 下 : 
_- 国 


胞 允 马 ASPNET 项 目 开发 全 程 实录 (第 4 版 ) 


倒 程 20 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\teacher\TeacherManage.aspx.cs 
protected void Page_Load(object sender, EventArgs e) 


{ 
if (Session["teacher"] == null) // 禁 止 匿名 登录 
下 
Response.Redirect("../Login.aspx"); 
} 
else 
{ 
lblwz.Text = Session["teacher"].ToString(); /显示 教师 编号 
SqlConnection conn = BaseClass.DBCon(); /连接 数据 库 
conn.Open(); /打开 数据 库 
SqlCommand cmd = new SqlCommand("select * from tb_Teacher where TeacherNum=" + Ilblwz.Text + ™™, 
conn); 
SqlDataReader sdr = cmd.ExecuteReader(); 
sdr.Read(); 
lblname.Text = sdrf"TeacherName"].ToString(); /显示 教师 姓名 
int id = Convert.Tolnt32(sdrf"TeacherCourse"].ToString()); /获取 教师 授课 科目 编号 
sdr.Close(); 
cmd = new SqlCommand("select LessonName from tb_Lesson where ID="+id, conn); 
Iblkc. Text = cmd.ExecuteScalar().ToString(); /显示 教师 授课 科目 名 称 
Session["KCname"] = lblkc.Text; 
conn.Close(); /| 关闭 连接 
} 


当 教 师 管理 试题 信息 时 ， 也 是 根据 教师 的 登录 账号 检索 出 其 负责 的 科目 试题 。 代 码 如 下 : 
倒 程 21 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\teacher\TExaminationInfo.aspx.cs 
if (lsPostBack) 


string strsql = "select * from tb_test where testCourse=" + Session["KCname"].ToString() + ™™; 
BaseClass.BindDG(gvExaminationInfo, "ID", strsql, "ExaminationInfo"); 


5.9 ”后台 管理 员 模 块 设计 


管理 员 模 块 具有 最 高 权限 ， 管 理 员 通过 登录 模块 成 功 登 录 后 台 管理 员 模 块 
教师 信息 、 考 生 人 信息、 考试 科目 信息 以 及 考试 结果 进行 管理 ， 使 系统 维护 起 
员 模 块 运行 结果 如 图 5.22 所 示 。 


@ 
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图 5.22 ”后 台 管理 员 模块 运行 结果 
5.9.2 后台 管 理 员 模 块 技术 分 析 


在 开发 后 台 管 理 员 模块 过 程 中 ， 使 用 比较 频繁 的 是 使 用 Eval0 方 法 绑 定 数据 。Eval0 方 法 是 一 个 静 
态 方法 ， 只 能 绑 定 到 模板 中 的 子 控件 的 公共 属性 上 。 
Eval0 方 法 的 功能 是 将 数据 绑 定 到 控件 。 其 语法 格式 如 下 : 


public static Object Eval(Object container, string expression) 


参数 说 明 
团 ”container: 表达 式 根据 其 进行 计算 的 对 象 引用 。 此 标识 符 必须 是 以 页 的 指定 语言 表示 的 有 效 对 
象 标识 符 。 


回 expression: 从 container 到 要 放置 在 绑 定 控件 属性 中 的 公共 属性 值 的 导航 路 径 。 此 路 径 必 须 是 
以 点 分 隔 的 属性 或 字段 名 称 字符 串 。 

回 返回 值 ，Object 是 数据 绑 定 表达 式 的 计算 结果 。 

例如 ， 将 字段 名 为 Price 中 的 数据 绑 定 到 控件 上 ， 可 以 使 用 下 面 的 代码 实现 : 


<%# DataBinder.Eval(Container.Dataltem，"Price") %> 


5.9.3 ”后 台 管 理 员 模块 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb Admin、tb Lesson、tb_score、tb_Student、 tb_Teacher、tb_test 
后 台 管 理 员 模块 实现 的 具体 功能 有 管理 学 生 基本 信息 、 添 加 学 生 信 息 、 管 理 教师 基本 信息 、 添 加 
教师 信息 、 试 题 基 本 信息 管理 、 添 加 试题 信息 、 考 试 科目 设置 、 查 询 考 试 结果 以 及 管理 员 信 息 维护 。 


具体 的 实现 步骤 如 下 : 
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1. 管理 学 生 基本 信息 (Studentlnfo.aspx) 


新 建 一 个 网 页 ， 命 名 为 StudentInfo.aspx， 主 要 用 于 实现 对 学 生 基本 信息 的 查询 、 修 改 和 删除 。 该 
页 面 中 用 到 的 主要 控件 如 表 5.17 所 示 。 


表 5.17 学生 基本 信息 页 面 中 用 到 的 主要 控件 


控件 类 型 用 途 


控件 ID 主要 属性 设置 


Torthox | txrkey 无 | 输入 查询 关键 字 
Button btnserch Text 属性 设置 为 “查看 ” 查询 
idiom Columns 属性 中 添加 6 列 显示 所 有 学 生 信息 


Items 属性 中 添加 两 项 选择 查询 的 范围 


国 DropDownList 


当 此 页 面 加 载 时 ， 首 先 绑 定 GridView 控件 ， 显 示 所 有 学 生 信息 。 代 码 如 下 : 
倒 程 22 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\admin\StudentInfo.aspx.cs 
protected void Page_Load(object sender, EventArgs e) 


if (Session["admin"] == null) // 禁 止 匿名 登录 
Response.Redirect("../Login.aspx"); 

} 

if (lsPostBack) 


string strsql = "select * from tb_Student order by ID desc"; // 检 索 所 有 学 生 信息 
BaseClass.BindDG(gvStulnfo,"ID", strsql,"stuinfo"); // 绑 定 控件 


} 
要 想 查 询 学 生 信 息 ， 首 先 选择 查询 范围 ， 然 后 在 文本 框 中 输入 关键 字 ， 单 击 “ 查 看 ”按钮 进行 查 
询 。 代 码 如 下 : 


倒 程 23 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\admin\StudentInfo.aspx.cs 
protected void btnserch_Click(object sender, EventArgs e) 


if (txtKey. Text == "") // 检 查 是 否 输入 了 关键 字 
{ 
string strsql = "select * from tb_Student order by ID desc"' /检索 所 有 学 生 信 息 
BaseClass.BindDG(gvStulnfo, "ID", strsql, "stuinfo"); // 绑 定 控件 
} 
else 
{ 
string stype = ddiType.Selectedltem. Text; // 获 取 查 询 范 围 
string strsql = ”; 
Switch (stype) 
{ 
case "学 号 ": // 如 果 查 询 范围 是 “学 号 ” 


strsql = "select * from tb_Student where StudentNum like '%" + txtKey.Text.Trim() + "%"™; 
BaseClass.BindDG(gvStulnfo, "ID", strsql, "stuinfo"); ; 
break; 


您 
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case "姓名 ": // 如 果 查 询 范围 是 “姓名 ” 
strsql = "select * from tb_Student where StudentName like '%" + txtKey.Text.Trim() + "%"™; 
BaseClass.BindDG(gvStulnfo, "ID", strsql, "stuinfo"); 
break:;: 


2. 添加 学 生 信 息 (AddStudentlnfo.aspx) 


新 建 一 个 网 页 ， 命 名 为 AddStudentInfo.aspx， 主 要 用 于 添加 学 生 信息 。 该 页 面 中 用 到 的 主要 控件 
如 表 5.18 所 示 。 


表 5.18 添加 学 生 信息 页 面 中 用 到 的 主要 控件 


控件 类 型 主要 属性 设置 用 途 
EE 无 输入 学 生 编号 
无 输入 学 生 名 称 
加 无 输入 新 密码 
本 Text 属性 设置 为 “添加 ” 添加 
Text 属性 设置 为 “ 重 置 ” 重 置 


4= Roll anata Ttems 属性 中 添加 两 项 选择 学 生性 别 
确认 输入 的 学 生 信息 无 误 后 ， 单 击 “ 添 加 ”按钮 ， 即 可 将 学 生 信 息 添加 到 存储 学 生 信息 的 数据 表 
中 。 代 码 如 下 : 


倒 程 24 ”代码 位 置 : 资源 包 \TM\05\ExamOnLine\admin\AddStudentInfo.aspx.cs 
protected void btnSubmit_Click(object sender, EventArgs e) 


if (txtName Text == " || txtNum. Text == "" || txtPwd.Text == "") // 检 查 信息 输入 是 否 完整 
MessageBox.Show(" 请 将 信息 填写 完整 "); // 弹 出 提示 信息 
return; 
} 
else 
{ 
SqlConnection conn = BaseClass.DBCon(); /| 连接 数据 库 
conn.Open(); /打开 连接 
SqlCommand cmd = new SqlCommand("select count(*) from tb_Student where StudentNum=" + txtNuxt + ”"， 
conn); 
int i = Convert.Tolnt32(cmd.ExecuteScalar()); // 获 取 返 回 值 
if (i>0) // 如 果 返 回 值 大 于 0 
{ 
MessageBox.Show(" 此 学 号 已 经 存在 "); /提示 学 号 已 经 存在 
return; 
} 
else 


// 将 新 增 学 生 信息 添加 到 数据 库 中 
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cmd = new SqlCommand("insert into tb_Student(StudentNum,StudentName,StudentSex, 
StudentPwd) values(" + txtNum.Text.Trim() + "," + txtName.Text.Trim() + "," + rblSex.SelectedValue.ToString() 
+ "," + txtPwd.Text. Trim() + ")", conn); 
cmd.ExecuteNonQuery(); 

conn.Close(); /关闭 连接 

MessageBox.Show(" 添 加 成 功 "); // 提 示 添 加 成 功 

btnConcel_Click(sender, e); 


} 


3. 管理 教师 基本 信息 (Teacherlnfo.aspx) 

新 建 一 个 网 页 ， 命 名 为 TeacherInfo.aspx， 主 要 用 于 浏览 、 删 除 和 更 改 教师 信息 。 此 页 只 需要 一 个 
GridView 控件 ， 这 里 不 作 具 体 介绍 ， 只 给 出 关键 代码 。 

当 加 载 TeacherInfo.aspx 页 面 时 ， 需 对 GridView 控件 进行 绑 定 ， 显 示 所 有 的 教师 信息 。 代 码 如 下 : 

倒 程 25 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\admin\TeacherInfo.aspx.cs 

protected void Page_Load(object sender, EventArgs e) 


if (Session["admin"] == null) // 禁 止 匿名 登录 
{ 
Response.Redirect("../Login.aspx"); 
} 
if (lsPostBack) 


string strsql = "select * from tb_Teacher order by ID desc"; /检索 出 所 有 教师 信息 
BaseClass.BindDG(gvTeacher,"ID",strsql,"teacher"); / 绑 定 控件 


当 单 击 某 位 教师 的 编号 时 ， 会 转向 教师 详细 信息 页 面 (TeacherXXinfo.aspx) ， 在 此 可 以 浏览 教师 
的 详细 信息 以 及 对 教师 信息 进行 修改 。 实 现 步骤 如 下 : 

(1) 新 建 一 个 网 页 ， 命 名 为 TeacherXXinfo.aspx， 主 要 用 于 查看 教师 的 详细 信息 及 对 教师 信息 进 
行 修改 。 该 页 面 中 用 到 的 主要 控件 如 表 5.19 所 示 。 


表 5.19 教师 详细 信息 页 面 中 用 到 的 主要 控件 
用 途 


控件 类 型 主要 属性 设置 
无 显示 教师 编号 


Texthox txtTName 无 输入 /显示 教师 姓名 
| ”etrpwad 输入 /显示 教师 登录 密码 
bmsave Text 属性 设置 为 “保存 ” 保存 修改 


时 Text 属性 设置 为 “取消 ” 取消 
ER ET 
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(2) 当 此 页 面 加 载 时 ， 程 序 会 以 教师 的 编号 作为 查询 条 件 ， 从 数据 库 中 检索 出 教师 的 
显示 出 来 。 代 码 如 下 : 
倒 程 26 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\admin\TeacherXXinfo.aspx.cs 


private static int id; /建立 公共 变量 
protected void Page_Load(object sender, EventArgs e) 


if (Session["admin"] == null) 1/ 禁 止 匿名 登录 

{ 
Response.Redirect("../Login.aspx"); 

} 

if (lsPostBack) 

. 
id = Convert.Tolnt32(Request.QueryString["Tid"]); 1/ 获 取 教 师 的 系统 编号 
SqlConnection conn = BaseClass.DBCon(); // 连 接 数据 库 
conn.Open(); /打开 数据 库 
SqlCommand cmd = new SqlCommand("select * from tb_Teacher where ID=" + id, conn); 
SqlDataReader sdr = cmd.ExecuteReader(); 
sdr.Read(); 
txtTName.Text = sdr["TeacherName"].ToString(); // 显 示 教 师 姓名 
txtTNum.Text = sdr["TeacherNum"].ToString(); // 显 示 教 师 登 录 账 号 
txtTPwd. Text = sdr["TeacherPwd"].ToString(); /显示 教师 登录 密码 
int kmid = Convert.Tolnt32(sdrf"TeacherCourse"].ToString()); /获取 教师 授课 科目 编号 
sdr.Close(); 
cmd = new SqlCommand("select LessonName from tb_Lesson where ID=" + kmid, conn); 
string KmName = cmd.ExecuteScalar().ToString(); /显示 科目 名 称 
cmd = new SqlCommand("select * from tb_Lesson", conn); 
sdr = cmd.ExecuteReader(); 
ddITKm.DataSource = sdr; // 设 置 数据 源 
ddITKm.DataTextField = "LessonName"; // 设 置 显 示 字 段 名 称 
ddITKm.DataValueField = "ID"; 
ddITKm.DataBind(); 
ddITKm.SelectedValue =kmid.ToString(); 
conn.Close(); 

} 


(3) 如 果 想 修改 教师 信息 ， 更 改 教师 现 有 信息 后 ， 单 击 “ 保 存 ” 按 钮 对 教师 信息 进行 修改 。 代 码 


如 下 : 
倒 程 27 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\admin\TeacherXXinfo.aspx.cs 
protected void btnSava_Click(object sender, EventArgs e) 


if (txtTName.Text == "" || txtTPwd.Text == "") // 检 查 信息 是 否 输入 完整 
{ 
MessageBox.Show(" 请 将 信息 填写 完整 "); // 弹 出 提示 信息 
return; 
} 
else 
{ 
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string strsql="update tb_Teacher set TeacherName=" + txtTName.Text.Trim() + ",TeacherPwd=" + 
txtTPwext. Trim() + ",TeacherCourse="+ddITKm.SelectedValue.ToString()+" where ID="+id; 

BaseClass.OperateData(strsql); /执行 更 新 教师 信息 表 

Response.Redirect("Teacherinfo.aspx"); // 转 向 教师 基本 信息 


} 


4. 添加 教师 信息 (AddTeacherlnfo.aspx) 


新 建 一 个 网 页 ， 命 名 为 AddTeacherInfo.aspx， 主 要 用 于 添加 教师 的 详细 信息 。 该 页 面 中 用 到 的 主 
要 控件 如 表 5.20 所 示 。 


表 5.20 ”添加 教师 信息 页 面 中 用 到 的 主要 控件 


txtTeacherNum 无 输入 教师 编号 


res 给 入 教训 
多 入 教条 
aa 本 
mm 


Ei 选择 教师 负责 科目 
确认 输入 的 教师 信息 无 误 后 ， 单 击 “ 添 加 ”按钮 即 可 将 新 增 教师 信息 添加 到 数据 表 中 。 代 码 如 下 


倒 程 28 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\admin\AddTeacherInfo.aspx.cs 
protected void btnAdd_Click(object sender, EventArgs e) 


1/ 检查 信息 输入 是 否 完整 

if (txtTeacherName. Text == "" || txtTeacherNum. Text == "" || txtTeacherPwd. Text == ”" 
MessageBox.Show(" 请 将 信息 填写 完整 "); // 弹 出 提示 信息 
return; 

} 

else 
SqlConnection conn = BaseClass.DBCon(); // 连 接 数据 库 
conn.Open(); /打开 数据 库 


SqlCommand cmd = new SqlCommand("select count(*) from tb_Teacher where 
Teachm="+txtTeacherNum. Text. Trim()+"", conn); 


intt = Convert.Tolnt32(cmd.ExecuteScalar()); /获取 返回 值 

if(t>0) // 判 断 返 回 值 是 否 大 于 0 
MessageBox.Show(" 此 教师 编号 已 经 存在 "); // 弹 出 提示 信息 
return; 

} 

else 
// 将 信息 添加 到 数据 库 中 


string str = "insert into tb_ Teacher(TeacherNum,TeacherName,TeacherPwd,TeacherCourse) values(™ 


@ 
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+ txtTerNum.Text.Trim() + "," + txtTeacherName.Text.Trim() + "," + txtTeacherPwd.Text.Trim() + "," + 
ddiTeacherKm. SelectedValue.ToString() + ™)"; 
BaseClass.OperateData(str); 
MessageBox.Show(" 教 师 信息 添 加 成 功 "); /提示 信息 添加 成 功 
btnconcel_Click(sender, e); 


} 


5. 试题 基本 信息 ‘Examinationlnfo.aspx) 
新 建 一 个 网 页 ， 命 名 为 ExaminationInfo.aspx， 主 要 用 于 查看 试题 详细 信息 、 查 询 试题 以 及 对 试题 
进行 删除 和 修改 。 该 页 面 中 用 到 的 主要 控件 如 表 5.21 所 示 。 
表 5.21 试题 基本 信息 页 面 中 用 到 的 主要 控件 


控件 类 型 主要 属性 设置 

加 me Text 属性 设置 为 “查看 ” 

eid Columns 属性 中 添加 4 列 
[aum | 无 | 


国 mopDownList ddlEkm 
ExaminationInfo.aspx 页 面 加 载 时 ,会 将 所 有 的 试题 信息 绑 定 到 GridView 控件 上 显示 出 来 , 并且 将 
所 有 的 科目 名 称 绑 定 到 DropDownList 控件 上 。 代 码 如 下 : 


倒 程 29 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\admin\ExaminationInfo.aspx.cs 
protected void Page_Load(object sender, EventArgs e) 


if (Session["admin"] == null) 1/ 禁止 匿名 登录 
{ 
Response.Redirect("../Login.aspx"); 


3 
if (llsPostBack) 


{ 
string strsql = "select * from tb_test order by ID desc"' /检索 所 有 试题 信息 
BaseClass.BindDG(gvExaminationInfo, "ID", strsql, "ExaminationInfo"); // 绑 定 控件 
SqlConnection conn = BaseClass.DBCon(); // 连 接 数据 库 
conn.Open(); /打开 数据 库 


SqlCommand cmd = new SqlCommand("select * from tb_Lesson", conn); 

SqlDataReader sdr = cmd.ExecuteReader(); 

this.ddIEkm.DataSource = sdr; 1/ 设置 数据 源 
this.ddIEkm.DataTextField = "LessonName"; /设置 显示 字段 
this.ddIEkm.DataValueField = "ID"; 

this.ddIEkm.DataBind(); 

this.ddIEkm.Selectedlndex = 0; 

conn.Close(); /关闭 连接 


单 击 每 条 试题 信息 的 “详细 信息 ”按钮 ， 将 弹出 显示 试题 详细 信息 页 面 。 实 现 显示 试题 详细 信息 


辐 
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页 面 的 方法 如 下 : 
(1) 新 建 一 个 网 页 ， 命 名 为 ExaminationDetail.aspx， 主 要 用 于 显示 试题 的 详细 信息 以 及 更 改 试题 
信息 。 该 页 面 中 用 到 的 主要 控件 如 表 5.22 所 示 。 


表 5.22 显示 试题 详细 信息 页 面 中 用 到 的 主要 控件 


控件 类 型 控件 ID 主要 属性 设置 用 途 
txtsubject TextMode 属性 设置 为 MultiLine 输入 /显示 试题 题目 
txtAnsA TextMode 属性 设置 为 MultiLine 输入 /显示 答案 选项 A 
Bo] TextBox txtAnsB TextMode 属性 设置 为 MultiLine 输入 /显示 答案 选项 B 
txtAnsC TextMode 属性 设置 为 MultiLine 输入 /显示 答案 选项 C 
txtAnsD TextMode 属性 设置 为 MultiLine 输入 /显示 答案 选项 D 
Se bmconfirm Text 属性 设置 为 “确定 ” 确定 
btnconcel Text 属性 设置 为 “取消 ” 取消 


$= RadioButtonList TblRightAns Items 属性 中 添加 4 项 显示 /选择 正确 答案 
加 checBox cbFB Text 属性 设置 为 “是 否 发 布 ” 显示 /设置 是 否 发 布 
A Libel lblkm 显示 教师 负责 的 课程 


(2) ExaminationDetail.aspx 页 面 加 载 时 ， 程 序 根据 试题 的 系统 编号 id 查询 出 试题 的 其 他 信息 并 显 
示 出 来 。 关 键 代码 如 下 : 
倒 程 30 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\admin\ExaminationDetail.aspx.cs 


private static int id; 
protected void Page_Load(object sender, EventArgs e) 


if (Session["admin"] == null) 1/ 禁 止 匿名 登录 

{ 
Response.Redirect("../Login.aspx"); 

} 

if (lsPostBack) 

{ 
id = Convert.Tolnt32(Request.QueryString["Eid"]); /获取 试题 的 系统 编号 
SqlConnection conn = BaseClass.DBCon(); // 连 接 数据 库 
conn.Open(); /打开 连接 


SqlCommand cmd = new SqlCommand("select * from tb_test where ID="+id, conn); 
SqlDataReader sdr = cmd.ExecuteReader(); 


sdr.Read(); 
txtsubject.Text = sdr["testContent"].ToString(); /显示 试题 题目 
txtAnsA.Text = sdr["testAns1"].ToString(); // 显 示 试 题 选项 A 
txtAnsB.Text = sdr["testAns2"].ToString(); /显示 试题 选项 B 
txtAnsC Text = sdrf"testAns3"] ToString(); /显示 试题 选项 C 
txtAnsD.Text = sdr["testAns4"].ToString(); /显示 试题 选项 D 
rblRightAns.SelectedValue = sdrf"rightAns"]. ToString(); /显示 正确 答案 
string fb = sdr["pub"].ToString(); 1/ 获 取 是 否 发 布 
if (fb == "1") 

cbFB.Checked = true; 
else 
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cbFB.Checked = false; 


lblkm. Text = sdr["testCourse"].ToString(); // 显 示 试题 所 属 科目 
sdr.Close(); 
conn.Close(); /关闭 连接 


让 
(3) 如 果 想 修改 试题 信息 ， 在 确认 输入 的 修改 信息 无 误 后 ， 单 击 “确定 ”按钮 完成 对 试题 信息 的 
修改 。 代 码 如 下 : 


倒 程 31 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\admin\ExaminationDetail.aspx.cs 
protected void btnconfirm_Click(object sender, EventArgs e) 


4 
// 检 查 输 入 信息 是 否 完整 
if (txtsubject. Text == "" || txtAnsA. Text == "" || txtAnsB.Text == "" || txtAnsC.Text == "" || txtAnsD.Text == "" ) 
MessageBox.Show(" 请 将 信息 填写 完整 "); // 弹 出 提示 信息 
return; 
else 
string isfb = "™"; 
if (cbFB.Checked == true) 1/ 判断 是 否 选中 
isfb = "1" 
else 
isfb = "0" 
/更 新 数据 库 中 试题 信息 表 


String str="update tb_test set testContent=" + txtsubject.Text.Trim() + ",testAns1=" + 
txtAnsA.Text.Trim() + ", tens2=" + txtAnsB.Text.Trim() + ",testAns3=" + txtAnsC.Text.Trim() + ",testAns4=" + 
txtAnsD.Text + ", rightAns=" + rblRtAns. SelectedValue.ToString() + ",pub="+isfb+" where ID=" + id; 

BaseClass.OperateData(str); /执行 SQL 语句 

Response.Redirect("ExaminationInfo.aspx"); 


6. 添加 试题 信息 (AddExamination.aspx) 

新 建 一 个 网 页 ， 命 名 为 AddExamination.aspx， 主 要 用 于 添加 试题 信息 ， 由 于 该 页 面 中 用 到 的 控件 
与 显示 试题 详细 信息 页 面 中 所 需 的 控件 基本 相同 ， 所 以 此 处 不 作 详细 介绍 ， 只 给 出 关键 代码 。 

确认 输入 的 新 增 试题 信息 无 误 后 ， 单 击 “ 确 定 ”按钮 将 试题 信息 添加 到 试题 信息 表 中 。 代 码 如 下 : 

倒 程 32 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\admin\AddExamination.aspx.cs 

protected void btnconfirm_Click(object sender, EventArgs e) 


{ 
/检查 输入 信息 是 否 完整 
if (txtsubject. Text == "" || txtAnsA.Text == "" || txtAnsB.Text == ” || txtAnsC.Text == ”||txtAnsD.Text == "") 
MessageBox.Show(" 请 将 信息 填写 完整 "); // 弹 出 提示 信息 
return; 


_ 国 
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else 
区 
string isfb = ™; 
if (cbFB.Checked == true) /判断 是 否 选中 
isfb = "1"; 
else 
isfb = "0"; 
// 将 信息 插入 数据 库 中 的 试题 信息 表 中 


string str = "insert into tb_test(testContent,testAns1 ,testAns2 ,testAns3,testAns4 ,rightAns,pub,testCourse) 
values (" + txtsubject. Text.Trim() + "," + txtAnsA.Text.Trim() + "," + txtAnsB. Text.Trim() + "," + 
txtAnsC.Text.Trim() + "," + txtAnsD. Text.Trim() + "," + rblRightAns.SelectedValue.ToString() + "," + isfb + ™,™ 
+ ddlkm.Selectedltem. Text + ™)"; 

BaseClass.OperateData(str); /| 执行 SQL 语句 

btnconcel_Click(sender,e); 


} 


7. 考试 科目 设置 (Subject.aspx) 
新 建 一 个 网 页 ， 命 名 为 Subject.aspx， 主 要 用 于 显示 、 添 加 和 删除 考试 科目 信息 。 该 页 面 中 用 到 的 
主要 控件 如 表 5.23 所 示 。 


表 5.23 考试 科目 设置 页 面 中 用 到 的 主要 控件 


控件 类 型 主要 属性 设置 用 途 
Text 属性 设置 为 “添加 ” 添加 
Button 
Text 属性 设置 为 “删除 ” 删除 
eit 输入 新 增 科目 名 称 
i 显示 所 有 科目 


页 面 加 载 时 ， 程 序 将 所 有 的 科目 信息 检索 出 来 显示 在 ListBox 控件 上 。 代 码 如 下 : 


倒 程 33 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\admin\Subject.aspx.cs 
protected void Page_Load(object sender, EventArgs e) 


if (Session["admin"] == null) 1/ 禁 止 匿名 登录 


{ 
Response.Redirect("../Login.aspx"); 


} 

if (lIsPostBack) 

和 
SqlConnection conn = BaseClass.DBCon(); // 连 接 数 据 库 
conn.Open(); /打开 连接 
SqlCommand cmd = new SqlCommand("select * from tb_Lesson", conn); 
SqlDataReader sdr = cmd.ExecuteReader(); 
while (sdr.Read()) 


{ 
ListBox1.ltems.Add(sdr["LessonName"].ToString()); // 为 ListBox 添加 项 


@ 
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了 

输入 新 增 科目 信息 后 ， 单 击 “ 添 加 ”按钮 将 信息 添加 到 考试 科目 信息 表 〈tb_Lesson) 中 。 代 码 
如 下 : 

倒 程 34 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\admin\Subject.aspx.cs 

protected void btnAdd_Click(object sender, EventArgs e) 


if (txtKCName. Text == "™") /判断 是 否 输 入 课程 名 称 
{ 
MessageBox.Show(" 请 输入 课程 名 称 "); // 弹 出 提示 信息 
return; 
} 
else 
{ 
string systemTime = DateTime.Now.ToString(); // 获 取 当 前 系统 时 间 
// 将 信息 插入 数据 库 的 课程 信息 表 中 


string strsql = "insert into tb_Lesson(LessonName,LessonDataTime) values(" + txtKCName.Text.Trim() 
+"™,"+SsmTime + ") 

BaseClass.OperateData(strsql); /执行 SQL 语句 

txtKCName.Text = ""; 

Response.Write("<script>alert(' 添 加 成 功 ');location='Subject.aspx'</script>"); 


和 


在 ListBox 控件 中 选择 要 删除 的 科目 ， 单 击 “删除 ”按钮 将 科目 删除 。 代 码 如 下 : 


倒 程 35 ”代码 位 置 : 资源 包 \TM\05\ExamOnLine\admin\Subject.aspx.cs 
protected void btnDelete_Click(object sender, EventArgs e) 


if (ListBox1.SelectedValue.ToString() == ™" /判断 是 否 有 选中 项 
{ 
MessageBox.Show(" 请 选择 删除 项 目 后 删除 "); // 弹 出 提示 
return; 
} 
else 
和 
/删除 指定 的 信息 
string strsql = "delete from tb_Lesson where LessonName=" + ListBox1.Selectedltem.Text + ”"; 
BaseClass.OperateData(strsql); /| 执行 SQL 语句 
Response.Write("<script>alert(' 删 除 成 功 ');location="Subject.aspx'</script>"); 
} 


MM = 
8. 查询 考试 结果 (ExaminationResult.aspx) 
新 建 一 个 网 页 ， 命 名 为 ExaminationResultaspx， 主 要 用 于 显示 考试 记录 信息 ， 该 页 面 中 只 使 用 了 
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GridView 控件 ， 此 处 不 作 详细 介绍 ， 只 给 出 关键 代码 。 
此 页 面 加载 时 ， 程 序 将 所 有 考试 记录 检索 出 来 显示 在 GridView 控件 上 。 代 码 如 下 : 


倒 程 36 ”代码 位 置 : 资源 包 \TM\05\ExamOnLine\admin\ExaminationResult.aspx.cs 
protected void Page_Load(object sender, EventArgs e) 


if (Session["admin"] == null) /禁止 匿名 登录 
* 


Response.Redirect("../Login.aspx"); 


} 

if (lsPostBack) 

{ 
string strsql = "select * from tb_score order by ID desce"; // 检 索 所 有 考试 结果 信息 
BaseClass.BindDG(gvExaminationresult,"ID",strsql,"result"); // 绑 定 控件 


j 


如 果 想 删除 某 条 信息 ， 可 以 单 击 与 信息 对 应 的 “删除 ”按钮 。 代 码 如 下 : 


倒 程 37 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\admin\ExaminationResult.aspx.cs 
protected void gvExaminationInfo_RowDeleting(object sender, GridViewDeleteEventArgs e) 


{ 
int id = (int)gvExaminationresult.DataKeys[e.RowIndex].Value; // 获 取 欲 删除 的 信息 编号 
string strsql = "delete from tb_score where ID=" + id; /删除 指定 编号 的 信息 
BaseClass.OperateData(strsql); /执行 SQL 语句 
string strsql1 = "select * from tb_score order by ID desc"'; /检索 所 有 考试 结果 信息 
BaseClass.BindDG(gvExaminationresult, "ID", strsql1, "result"); // 绑 定 控件 


9. 管理 员 信 息 维护 (AdminChangePwd.aspx) 


新 建 一 个 网 页 ， 命 名 为 AdminChangePwd.aspx， 主 要 用 于 管理 员 修 改 密码 。 该 页 面 中 用 到 的 主要 
控件 如 表 5.24 所 示 。 


表 5.24 管理 员 信 息 维护 页 面 中 用 到 的 主要 控件 


控件 类 型 控件 ID 
txtOldPwd 
txtNewPwd 
txtNewPwdA 


btnchange 


主要 属性 设置 
无 | ”输入 旧 密 码 
无 | 输入 新 密码 
再 输入 一 次 新 密码 


[bl TextBox 


Button 


Text 属性 设置 为 “确定 修改 ” 


如 果 要 更 改 管理 员 密码 ， 系 统 首先 要 求 输入 旧 密 码 ， 然 后 再 输入 新 密码 ， 如 果 旧 密码 输入 错误 ， 
系统 会 弹出 提示 框 。 代 码 如 下 : 


倒 程 38 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\admin\AdminChangePwd.aspx.cs 
protected void btnchange_Click(object sender, EventArgs e) 


{ 
// 检 查 输入 信息 是 否 完整 


@ 
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if (txtNewPwd. Text == "||txtNewPwdA.Text == "" || txtOIdPwd. Text == "") 


{ 
MessageBox.Show(" 请 将 信息 填写 完整 ); // 弹 出 提示 信息 
return; 

} 

else 


if (BaseClass.CheckAdmin(Session["admin"].ToString(), txtOIdPwd.Text.Trim())) // 验 证 旧 密码 是 否 正 确 


if (txtNewPwd.Text Trim() {= txtNewPwdA.Text Trim()) /检查 两 次 输入 是 否 一 致 
MessageBox.Show(" 两 次 密码 不 一 致 "); /弹出 提示 信息 

return; 
else 

// 更 新 数据 库 中 的 管理 员 信息 表 


string strsql = "update tb_Admin set AdminPwd=" + txtNewPwdA.Text.Trim() + " where 
Admin="+Session["admin"].ToString()+""; 


BaseClass.OperateData(strsql); /| 执行 SQL 语句 
MessageBox.Show(" 密 码 修改 成 功 "); // 弹 出 提示 
txtNewPwd. Text = ™; 
txtNewPwdA.Text = "™"; 
txtOldPwd. Text = ™; 
} 
} 
else 
{ 
MessageBox.Show(" 旧 密码 输入 错误 "); // 弹 出 提示 
return; 
} 


5.10 开发 技巧 与 难点 分 析 


开发 在 线 考试 系统 过 程 中 ， 总 结 出 了 一 些 技巧 ， 通 过 这 些 技巧 可 以 快速 地 实现 预计 的 功能 。 例 如 ， 
在 制作 在 线 考 试 系统 随机 抽取 试题 模块 中 ， 为 了 防止 考生 刷新 考试 页 面 后 产生 错误 的 考试 结果 ， 使 用 
JavaScript 脚本 限制 了 鼠标 右键 、F5 刷新 键 及 Backspace 键 ， 从 而 达到 防止 刷新 的 目的 ， 使 考试 页 面 更 
加 安全 、 合 理 。 代 码 如 下 : 


倒 程 39 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\student\StartExam.aspx 
<script language=javascript> 
self.moveTo(0,0); 
self.resizeTo(screen.availWidth,screen.availHeight); // 设 置 打开 窗口 的 大 小 
function keydown() 
{ 
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if(event.keyCode==8) /屏蔽 Backspace 键 
{ 

event.keyCode=0; 

event.returnValue=false; 


} 
if(event.keyCode==13) /屏蔽 Enter 键 
{ 
event.keyCode=0; 
event.returnValue=false; 
} 
if(event.keyCode==116) /屏蔽 F5 刷新 键 
{ 
event.keyCode=0; 
event.returnValue=false; 
} 
} 
</script> 


在 <body> 区 域 中 添加 如 下 代码 ， 当 按 某 个 键 时 激发 keydown0 函 数 ， 并 且 屏 蔽 右键 和 选择 功能 。 


倒 程 40 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\student\StartExam.aspx 
<body onkeydown="keydown()" oncontextmenu="return false" onselectstart="return false" > 


在 线 考试 系统 通过 JavaScript 脚本 实现 考试 计时 功能 ,规定 考生 在 指定 时 间 内 完成 试卷 ;否则 ， 达 
到 限定 时 间 后 ， 系 统 会 强行 提交 试卷 ， 并 对 其 进行 评分 。 代 码 如 下 : 
倒 程 41 代码 位 置 ， 资源 包 \TM\05\ExamOnLine\student\StartExam.aspx 


<script language="javascript"> 

var sec = 0; 

var min = 0; 

var hou = 0; 

flag = 0; 

idt = window.setTimeout("countDown();", 1000); 

function countDown(){ 
Sec++; 
if (sec == 60) { sec = 0; min +=1;} 
if (min == 60) { min = 0; hou += 1; } 
document.getElementByld("lbltime").innerText = min + "分 "+ sec + " 秒 "'; 
idt = window.setTimeout("countDown();", 1000); 
if (min == 10) { 

document.getElementByld("btnsubmit").click(); 

} 

} 


</script> 


@ 
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5.11 GridView 控件 应 用 


开发 在 线 考 试 系统 及 其 后 台 管 理 系统 过 程 中 ， 全 部 使 用 GridView 控件 显示 数据 。 在 ASPNET 中 
提供 了 许多 工具 用 来 在 网 格 中 显示 数据 ， 其 中 GridView 控件 使 用 起 来 简单 快捷 ， 而 且 可 以 显示 、 编 辑 
和 删除 多 种 不 同 数据 源 中 的 数据 。 


1. 功能 

GridView 控件 可 以 显示 带 表 格 的 数据 ,用 户 可 使 用 该 控件 编辑 和 删除 表 园 Gridview 
格 中 的 数据 。GridView 控件 如 图 5.23 所 示 。 图 523 GridView 控件 

2. 属性 


GridView 控件 的 常用 属性 及 说 明 如 表 5.25 所 示 。 
表 5.25 GridView 控件 的 常用 属性 及 说 明 


属 性 说 明 
AllowPaging 获取 或 设置 一 个 值 ， 该 值 指示 是 否 启用 分 页 功能 
AllowSorting 获取 或 设置 一 个 值 ， 该 值 指示 是 否 启用 排序 功能 
Columns 获取 表示 GridView 控件 中 列 字段 的 DataControlField 对 象 的 集合 
DataKeyNames 获取 或 设置 一 个 数组 ， 该 数组 包含 了 显示 在 GridView 控件 中 项 的 主键 字段 的 名 称 
DataKeys 获取 一 个 DataKey 对 象 集合 ， 这 些 对 象 表示 GridView 控件 中 的 每 一 行 的 数据 键 值 
EditIndex 获取 或 设置 要 编辑 的 行 的 索引 
HorizontalAlign 获取 或 设置 GridView 控件 在 页 面 上 的 水 平 对 齐 方式 
PageCount 获取 在 GridView 控件 中 显示 数据 源 记录 所 需 的 页 数 
PageIndex 获取 或 设置 当前 显示 页 的 索引 
PageSize 获取 或 设置 GridView 控件 在 每 页 上 所 显示 的 记录 的 数目 
Rows 获取 表示 GridView 控件 中 数据 行 的 GridViewRow 对 象 的 集合 
SelectedIndex 获取 或 设置 GridView 控件 中 的 选中 行 的 索引 


下 面 对 比 较 重要 的 属性 进行 详细 介绍 。 
(1) EditIndex 属性 
EditIndex 属性 用 于 获取 或 设置 要 编辑 的 行 的 索引 。 其 语法 格式 如 下 : 
public virtual int EditiIndex { get; set; } 
属性 值 : 要 编辑 的 行 从 0 开始 索引 。 默 认 值 为 -1， 指 示 没 有 正在 编辑 的 行 。 
例如 ， 在 GridView 控件 的 RowCancelingEdit 事件 下 ， 使 用 EditIndex 属性 取消 对 指定 信息 进行 编 
辑 。 代 码 如 下 : 


protected void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e) 
4‘ 
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GridView1.Editindex = —1; 
ClassBind(); 


(2) PageIndex 属性 
了 PageIndex 属性 用 于 获取 或 设置 当前 显示 页 的 索引 。 其 语法 格式 如 下 : 
public virtual int Pagelndex { get; set; } 
属性 值 : 当前 显示 页 从 0 开始 的 索引 。 


例如 ,在 实现 GridView 控件 的 分 页 功能 时 ,使 用 PageIndex 属性 值 ， 获 取 当 前 被 选择 页 的 索引 值 。 
代码 如 下 : 
protected void GridView1_PagelndexChanging(object sender, GridViewPageEventArgs e) 
{ 
GridView1.Pagelndex = e.NewPagelndex'; 


GridView1.DataBind(); 


(3) Rows 属性 
Rows 属性 用 于 获取 或 设置 GridView 控件 中 选中 行 的 索引 。 其 语法 格式 如 下 : 
public virtual GridViewRowCollection Rows { get; } 


属性 值 : GridView 控件 中 选中 行 从 0 开始 的 索引 。 默 认 值 为 -1， 指 示 当 前 未 选择 行 。 
例如 ， 使 用 Rows 集合 访问 GridView 控件 中 正在 编辑 的 行 ， 在 行 被 更 新 之 后 ， 显 示 一 条 消息 指示 
更 新 成 功 。 代 码 如 下 : 


protected void GridView1_RowUpdated(object sender, GridViewUpdatedEventArgs e) 
{ 

int index = GridView1.Editindex; 

GridViewRow row=GridView1.Rows[index]; 

Message.Text = "Updated record " + row.Cells[1].Text + "."; 


(4) SelectedIndex 属性 
SelectedIndex 属性 用 于 获取 表示 GridView 控件 中 数据 行 的 GridViewRow 对 象 的 集合 。 其 语法 格 
式 如 下 : 


[BindableAttribute(true)] 
public virtual int SelectedIndex { get; set; } 


属性 值 ，GridView 控件 中 的 所 有 数据 行 。 
例如 , 在 GridView 控件 的 SelectedIndexChanged 事件 下 ， 编 写 如 下 代码 ， 获 取 被 选中 行 的 数据 键 值 。 
protected void GridView1_SelectedlndexChanged(object sender, EventArgs e) 


‘ 
int index = GridView1.Selectedlndex: 


@ 
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TextBox1.Text = GridView1.DataKeys[index].Value.ToString(); 
} 


3. 方法 
GridView 控件 的 常用 方法 及 说 明 如 表 5.26 所 示 。 
表 5.26 GridView 控件 的 常用 方法 及 说 明 


方法 说 明 
DataBindO 将 数据 源 绑 定 到 GridView 控件 
DeleteRow0) 从 数据 源 中 删除 位 于 指定 索引 位 置 的 记录 
FindControlO 在 当前 的 命名 容器 中 搜索 指定 的 服务 器 控件 
Focus0) 为 控件 设置 输入 焦点 
GetHashCodeO 用 作 特 定 类 型 的 哈 希 函数 
GetType0 获取 当前 实例 的 Type 
HasControls() 确定 服务 器 控件 是 否 包含 任何 子 控件 
IsBindableType0 确定 指定 的 数据 类 型 是 否 能 绑 定 到 GridView 控件 中 的 列 
Sort0 根据 指定 的 排序 表达 式 和 方向 对 GridView 控件 进行 排序 
ToString0 返回 表示 当前 Object 的 String 
UpdateRowO 使 用 行 的 字段 值 更 新 位 于 指定 行 索引 位 置 的 记录 


下 面 对 比 较 重要 的 方法 进行 详细 介绍 。 

(1) DeleteRow0 方 法 
DeleteRow0 方 法 用 于 从 数据 源 中 删除 位 于 指定 索引 位 置 的 记录 。 其 语法 格式 如 下 : 
public virtual void DeleteRow(int rowlndex) 
rowIndex: 要 删除 行 的 索引 。 
例如 ， 在 GridView 控件 中 ， 删 除 行 的 索引 值 为 2 的 数据 信息 。 代 码 如 下 : 
GridView1.DeleteRow(2); 


(2) FindControl0 方 法 
FindControl0 方 法 用 于 在 当前 的 命名 容器 中 搜索 带 指 定 id 参数 的 服务 器 控件 。 其 语法 格式 如 下 : 
public virtual Control FindControl(string id) 
id: 要 查找 的 控件 的 标识 符 。 
(3) Sort0 方 法 
Sort0 方 法 根据 指定 的 排序 表达 式 和 方向 对 GridView 控件 进行 排序 。 其 语法 格式 如 下 : 
public virtual void Sort(string sortExpression,SortDirection sortDirection) 
参数 说 明 
回 ”sortExpression: 对 GridView 控件 进行 排序 时 使 用 的 排序 表达 式 。 
回 sortDirection: Ascending〈 从 小 到 大 排序 ) 或 Descending (从 大 到 小 排序 ) 之 一 。 
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例如 ， 在 Button 按钮 的 Click 事件 下 ， 根 据 指定 的 排序 表达 式 和 方向 对 GridView 控件 进行 排序 。 
代码 如 下 : 


protected void SortButton_Click(Object sender, EventArgs e) 


{ 
String expression = ""; 
SortDirection direction; 
expression = SortList1.SelectedValue + "," + SortList2.SelectedValue; 
switch (DirectionList.SelectedValue) 
{ 
case "Ascending": 
direction = SortDirection.Ascending; 
break; 
case "Descending": 
direction = SortDirection.Descending; 
break; 
default: 
direction = SortDirection.Ascending; 
break; 
} 
CustomersGridView. Sort(expression, direction); 
} 


(4) UpdateRow0 方 法 
UpdateRow0 方 法 使 用 行 的 字段 值 更 新 位 于 指定 行 索引 位 置 的 记录 。 其 语法 格式 如 下 : 


public virtual void UpdateRow(int rowlndex,bool causesValidation) 


参数 说 明 

rowIndex: 要 更 新 行 的 索引 。 

回 causesValidation: true 表示 在 调用 此 方法 时 ， 执 行 页 面 验证 ， 否 则 为 false。 

例如 ， 在 Button 按钮 的 Click 事件 下 ， 更 新 GridView 控件 中 指定 行 的 数据 信息 。 代 码 如 下 : 
protected void UpdateRowButton_Click(Object sender, EventArgs e) 


GridView1.UpdateRow(GridView1.Editindex, true); 


5.12 本 章 总 结 


通过 开发 在 线 考试 系统 ， 总 结 出 在 线 考试 系统 最 基本 的 是 要 具备 登录 、 随 机 抽取 试题 、 答 卷 和 评 
分 。 可 以 说 这 4 部 分 组 成 了 在 线 考试 系统 ， 而 其 他 一 些 功能 或 者 模块 都 是 间接 地 服务 于 这 4 部 分 。 当 
然 ， 完 善 的 在 线 考试 系统 ， 也 要 具备 优良 的 后 台 管 理 模块 ， 只 有 将 后 台 管 理 模块 设计 完善 ， 才 能 使 整 
个 系统 变 得 更 加 灵活 和 容易 维护 。 只 要 能 够 理解 本 章 涉及 的 知识 点 ， 便 可 自行 开发 出 一 套 完善 的 在 线 
考试 系统 。 本 章 所 讲 模块 及 主要 知识 点 如 图 5.24 所 示 。 
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使 用 Panel 分 组 控件 

随机 获取 数据 库 中 的 数据 
自动 触发 按钮 事件 
Web 用 户 控件 的 使 用 
JavaScript 脚 本 在 网 页 中 的 使 用 


DIV 布局 
服务 器 控件 的 使 用 
GDI+ 绘 制 验证 码 
弹出 确认 对 话 框 


登录 模块 考试 模块 


根据 指定 条 件 查询 数据 
GridView 控 件 的 使 用 

对 GridVier 数 据 进行 分 页 厂 一 试题 管理 模块 
对 数据 库 执行 增删 改 查 操 作 


iFrame 框 架 的 使 用 

对 数据 库 执行 增删 改 查 操作 
台 管理 
后 有 和 汪 本 从 网 页 中 使 用 HTML 树 菜单 
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园 一 


52 同城 信息 网 


( ASP.NET 4.S+BootStrap 框架 +SQL Server 2014 实现 ) 


在 全 球 知 识 经 济 和 信息 化 高 速 发 展 的 今天 ， 信 息 化 是 决定 企业 成 
败 的 关键 因素 ， 也 是 企业 实现 路 地 区 、 中 行业、 路 所 有 和 制 ， 特 别 是 中 
国 经 营 的 重要 前 提 。 而 电子 商务 作为 一 种 靳 新 的 商务 运作 模式 ， 越 来 
越 受到 企业 的 重视 。 本 章 通 过 开发 一 个 流行 的 电子 商务 网 站 一 一 52 
同城 ， 介 绍 如 何 利 用 ASP.NET 4.5+5QL Server 2014 快速 开发 一 个 电 
子 商务 平台 。 

通过 阅读 本 章 ， 可 以 学 习 到 : 
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52 同城 信息 网 站 开发 的 基本 过 程 

如 何 进行 需求 分 析 和 编写 项 目 计 划 书 
系统 设计 的 方法 

如 何 分 析 并 设计 数据 库 

如 何 设计 公共 类 

主要 功能 模块 的 实现 方法 
网 站 编译 与 发 布 

SQL Server 2014 技术 
面向 对 象 的 开发 思想 

分 层 开 发 模式 
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6.1 开发 背景 


XX 信息 科技 有 限 公司 是 一 家 集 数 据 通信 、 系 统 集 成 、 电 话 增值 服务 于 一 体 的 高 科技 
为 了 扩大 规模 ， 增 强 企业 的 竞争 力 ， 决 定向 多 元 化 发 展 ， 借 助 Internet 在 国内 的 快速 发 展 ， 聚 集 部 分 次 
金 投入 网 站 建设 ， 为 企业 和 用 户 提供 综合 信息 服务 ， 以 向 企业 提供 有 偿 信 息 服务 为 虱 利 方式 。 例 如 ， 
提供 企业 广告 、 发 布 招聘 信息 、 寻 求 合 作 等 服务 方式 。 现 需要 委托 其 他 单位 开发 一 个 信息 网 站 。 


6.2 系统 分 析 


6.2.1 需求 分 析 


对 于 信息 网 站 来 说 ， 用 户 的 访问 量 是 至 关 重要 。 如 果 网 站 的 访问 量 很 低 ， 就 很 少 有 企业 会 要 求 为 
其 提供 有 偿 服 务 ， 也 就 没有 利润 可 言 。 因 此 ， 信 息 网 站 必须 为 用 户 提供 大 量 的 、 免 费 的 、 有 价值 的 信 
息 才 能 够 吸引 用 户 。 为 此 ， 网 站 不 仅 要 为 企业 提供 各 种 有 偿 服 务 ， 还 需要 额外 为 用 户 提供 大 量 的 无 偿 
服务 。 通 过 与 企业 的 实际 接触 和 沟通 ， 确 定 网 站 应 包括 招聘 信息 、 求 职 信息 、 培 训 信息 、 公 寓 信 息 、 
家 教 信息 、 车 辆 信息 、 物 品 求购 、 物 品 出 售 、 求 竞 出 竞 、 寻 求 合 作 、 企 业 广 告 等 服务 。 

通过 实际 调查 ， 要 求 52 同城 网 具有 以 下 功能 。 

由 于 用 户 的 计算 机 知识 普遍 偏 低 ， 因 此 要 求 系统 具有 良好 的 人 机 界面 。 

方便 的 供求 信息 查询 ， 支 持 多 条 件 和 模糊 查询 。 

前 台 与 后 台 设计 明确 ， 并 保证 后 台 的 安全 性 。 

供求 信息 显示 格式 清晰 ， 达 到 一 目 了 然 的 效果 。 

用 户 不 需要 注册 ， 便 可 免费 发 布 供求 信息 。 

免费 发 布 的 供求 信息 ， 后 台 必 须 审核 后 才能 正式 发 布 ， 避 免 不 良 信息 。 

由 于 供求 信息 数据 量 大 ， 后 台 应 该 随时 清理 数据 。 


6.2.2 可行 性 分 析 


根据 《计算 机 软件 文档 编制 规范 》 (GB/T 8567 一 2006) 中 可 行 性 分 析 的 要 求 ， 制 定 可 行 性 研究 报 
告 如 下 。 

1. 引言 

(1) 编写 目的 

为 了 给 企业 的 决策 层 提供 是 否 进行 项 目 实施 的 参考 依据 ， 现 以 文件 的 形式 分 析 项 目的 风险 、 项 目 
需要 的 投资 与 效益 。 

(2) 背景 

XX 信息 科技 有 限 公司 是 一 家 以 信息 产业 为 主 的 高 科技 公司 。 公 司 为 了 扩展 业务 ， 需 要 一 个 CTC 
(消费 者 与 消费 者 之 间 的 交易 平台 ) 和 BTC (企业 为 消费 者 提供 的 交易 平台 ) 业务 平台 ， 现 需要 委托 
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其 他 公司 开发 一 个 提供 供求 信息 的 网 站 ， 项 目 名 称 为 52 同城 网 。 

2. 可 行 性 研究 的 前 提 

(1) 要 求 

网 站 要 求 为 用 户 提供 求职 信息 、 物 品 求购 、 培 训 信息 、 家 教 信息 等 服务 ， 同 时 需 为 企业 提供 招聘 
信息 、 寻 求 合 作 和 企业 广告 的 服务 。 

(2) 目标 

网 站 的 主要 目标 是 为 用 户 及 时 、 准 确 地 提供 所 需 信 息 ， 为 企业 无 倘 和 有 偿 提 供 服务 。 

(3) 条 件 、 假 定 和 限制 

项 目 需要 在 3 个 月 内 交付 用 户 使 用 。 系 统 分 析 人 员 需 要 3 天 内 到 位 ， 用 户 需要 5 天 时 间 确 认 需 求 
分 析 文 档 。 去 除 其 中 可 能 出 现 的 问题 ， 如 用 户 可 能 临时 有 事 ， 占 用 8 天 时 间 确 认 需 求 分 析 。 那 么 程序 
开发 人 员 需 要 在 2 个 月 零 20 天 的 时 间 内 进行 系统 设计 、 程 序 编码 、 系 统 测试 、 程 序 调试 和 网 站 部 署 工 
作 。 其 间 ， 还 包括 了 员工 每 周 的 休息 时 间 。 

(4) 评价 尺度 

根据 用 户 的 要 求 ， 项 目 主要 以 企业 服务 功能 为 主 〈 毕 竟 企 业 需 要 向 用 户 付费 ) ， 因 此 对 于 企业 的 
招聘 ， 广 告 业务 需要 及 时 、 准 确 地 发 布 ， 并 且 能 够 对 这 些 信息 进行 修改 。 此 外 ， 出 于 安全 和 国家 法 律 
方面 的 考虑 ， 网 站 在 遭受 到 黑客 攻击 时 ， 应 在 10 分 钟 内 进行 恢复 ; 对 于 网 站 中 涉及 违反 国家 法 律 、 法 
规 的 内 容 应 能 够 删除 。 由 于 网 站 的 业务 量 比较 大 ， 网 站 应 能 够 承受 同时 5 万 人 的 点 击 。 

3. 投资 及 效益 分 析 


(1) 支出 

由 于 网 站 的 规模 比较 大 ， 项 目 周期 比较 短 ， 仅 3 个 月 ， 因 此 至 少 需要 13 个 人 投入 其 中 。 公 司 将 为 
此 支付 11 万 元 的 工资 及 各 种 福利 待遇 。 在 项 目 安装 及 调试 阶段 ， 用 户 培训 、 员 工 出 差 等 费用 支出 需要 
2 万 元 。 在 项 目 维护 阶段 预计 需要 投入 3 万 元 的 资金 。 累 计 项 目 投入 需要 16 万 元 资金 。 

(2) 收益 

用 户 提供 项 目 资金 40 万 元 。 对 于 项 目 运行 后 进行 的 改动 ,采取 协商 的 原则 根据 改动 规模 额外 提供 
资金 。 因 此 从 投资 与 收益 的 效益 比 上 ， 公 司 可 以 获得 24 万 元 的 利润 。 

项 目 完成 后 ， 会 给 公司 提供 资源 储备 ， 包 括 技术 、 经 验 的 积累 ， 其 后 再 开发 类 似 的 项 目 时 ， 可 以 
极 大 地 缩短 项 目 开 发 周期 。 


4. 结论 


根据 上 面 的 分 析 ， 在 技术 上 不 会 存在 问题 ， 因 此 项 目 延期 的 可 能 性 很 小 。 在 效益 上 公司 投入 15 个 
人 、3 个 月 的 时 间 获 利 24 万 元 ， 比 较 可 观 。 在 公司 今后 的 发 展 方面 ， 可 以 储备 网 站 开发 的 经 验 和 资源 。 
因此 认为 该 项 目 可 以 开发 。 


6.2.3 ”编写 项 目 计 划 书 


根据 《计算 机 软件 文档 编制 规范 》 (GB/T 8567 一 2006) 中 的 项 目 开发 计划 要 求 ， 结 合 单位 实际 情 
况 ， 设 计 项 目 计 划 书 如 下 。 
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1. 引言 

(1) 编写 目的 

为 了 保证 项 目 开 发 人 员 按 时 保质 地 完成 预定 目标 ， 更 好 地 了 解 项 目 实际 情况 ， 按 照 合理 的 顺序 开 
展 工作 ， 现 以 书面 的 形式 将 项 目 开发 生命 周期 中 的 项 目 任务 范围 、 项 目 团队 组 织 结构 、 团 队 成 员 的 工 
作 责 任 、 团 队 内 外 沟通 协作 方式 、 开 发 进度 、 检 查 项 目 工作 等 内 容 描述 出 来 ， 作 为 项 目 相 关 人 员 之 间 
的 共识 和 约定 、 项 目 生 命 周期 内 的 所 有 项 目 活动 的 行动 基础 。 

(2) 背景 

52 同 程 网 是 由 X X 信息 科技 有 限 公司 委托 我 公司 开发 的 大 型 信息 网 站 ， 主 要 功能 是 为 用 户 无 偿 提 
供求 职 信息 、 物 品 求购 、 培 训 信息 、 家 教 信息 等 服务 ， 为 企业 提供 招聘 信息 、 寻 求 合 作 和 企业 广告 等 
有 偿 服 务 。 项 目 周期 为 3 个 月 。 项 目 背 景 规划 如 表 6.1 所 示 。 


表 6.1 项 目 背景 规划 


项 目 名 称 任务 提出 者 项 目 承担 部 门 
研发 部门 
52 同城 网 Xx X 信 息 科技 有 限 公司 测试 部 门 

集成 部 门 

2. 概述 

(1) 项 目 目标 

项 目 目标 应 当 符合 SMART 原则 ， 把 项 目 要 完成 的 工作 用 清晰 的 语言 描述 出 来 。52 同城 网 的 项 目 

目标 如 下 : 


52 同城 网 主要 针对 两 类 人 群 ， 一 类 是 用 户 ， 另 一 类 是 企业 。 对 于 用 户 ， 供 求 信息 网 需要 提供 求职 
信息 、 公 寓 信 息 、 物 品 求购 信息 、 家 教 信息 、 物 品 出 售 、 车 辆 信息 等 服务 。 对 于 企业 ， 供 求 信息 网 需 
要 提供 寻求 合作 、 企 业 广告 、 招 聘 信息 、 求 兑 出 竞 、 培 训 信 息 等 服务 。 项 目 实施 后 ， 能 够 为 用 户 生 活 
带 来 极 大 方便 ， 提 高 企业 知名 度 ， 为 企业 产品 宣传 节约 大 量 成 本 。 整 个 项 目 需 要 在 3 个 月 的 时 间 内 交 
付 用 户 使 用 。 

(2) 产品 目标 

当今 社会 ， 信 息 就 是 资本 ， 信 息 就 是 财富 。 一 方面 ，52 同城 网 能 够 为 企业 节省 大 量 人 力 资源 ， 企 
业 不 再 需要 大 量 的 业务 人 员 去 跑 市 场 ， 从 而 间接 地 为 企业 节约 了 成 本 ; 另 一 方面 ，52 同城 网 能 够 收集 
大 量 供求 信息 ， 将 会 有 大 量 用 户 访问 网 站 ， 有 助 于 提高 企业 形象 。 

(3) 应 交付 成 果 

在 项 目 开 发 完 后 ， 交 付 内 容 有 编译 后 的 52 同城 网 站 、 网 站 数据 库 文件 和 网 站 使 用 说 明 书 。 

将 开发 的 52 同城 网 站 发 布 到 Intermet 上 。 

网 站 发 布 到 Intemet 上 后 ， 进 行 网 站 无 偿 维 护 服务 6 个 月 ， 超 过 6 个 月 进行 网 站 有 偿 维护 与 服务 。 

(4) 项 目 开 发 环境 

操作 系统 为 Windows 7 或 Windows 10 均 可 ， 使 用 集成 开发 工具 Microsoft Visual Studio 2017， 数 
据 库 采用 SQL Server 2014， 项 目 运行 服务 为 Internet 信息 服务 (IIS) 管理 器 。 
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(5) 项 目 验收 方式 与 依据 

项 目 验收 分 为 内 部 验收 和 外 部 验收 两 种 方式 。 在 项 目 开发 完成 后 ， 首 先进 行内 部 验收 ， 由 测试 人 
员 根 据 用 户 需 求 和 项 目 目标 进行 验收 。 项 目 在 通过 内 部 验收 后 ， 交 给 客户 进行 验收 ， 验 收 的 主要 依据 
为 需求 规格 说 明 书 。 

3. 项 目 团队 组 织 


(1) 组 织 结构 
为 了 完成 52 同城 网 的 项 目 开发 ， 公 司 组 建 了 一 个 临时 的 项 目 团队 ， 由 公司 副 经 理 、 项 目 经 理 、 系 
统 分 析 员 、 软 件 工程 师 、 网 页 设计 师 和 测试 人 员 构成 ， 如 图 6.1 所 示 。 


副 经 理 


项 目 经 理 


系统 分 析 员 软件 工程 师 网 页 设计 师 测试 人 员 
图 6.1 项 目 团队 组 织 结构 


(2) 人 员 分 工 
为 了 明确 项 目 团队 中 每 个 人 的 任务 分 工 ， 现 制定 人 员 分 工 表 ， 如 表 6.2 所 示 。 
表 6.2 人 员 分 工 
姓 名 [ 技术 水 平 [所 属 部 门 | 角 色 | 工作 描述 
杨 菜 某 |MBA 经 理 部 负责 项 目的 审批 、 决 策 的 实施 
| 本 汪 项 目 开 发 部 | 项 目 经 理 。 | 旬 责 项 目的 前 其 分析、 策划、 项 目 开发 进度 的 跟踪 、 


项 目 质量 的 检查 

顾 某 某 _| 高 级 系统 分 析 员 项 目 开发 部 “| 系统 分 析 员 | 负责 系统 功能 分 析 、 系 统 框 架设 计 
张 某 某 _| 中 级 系统 分 析 员 项 目 开 发 部 “| 系统 分 析 员 | 负责 系统 功能 分 析 、 系 统 框 架设 计 

赵 某 某 _| 高 级 软件 工程 师 项 目 开发 部 “| 软件 工程 师 | 负责 软件 设计 与 编码 

孙 某 某 _| 高 级 软件 工程 师 项 目 开发 部 “| 软件 工程 师 | 负责 软件 设计 与 编码 

李 某 某 | 中 级 软件 工程 师 项 目 开发 部 “| 软件 工程 师 | 负责 软件 设计 与 编码 

周 某 某 _| 初级 软件 工程 师 项 目 开发 部 “| 软件 工程 师 | 负责 软件 编码 

曲 某 某 _| 初级 软件 工程 师 项 目 开 发 部 “| 软件 工程 师 | 负责 软件 编码 

昌 某 某 _| 高 级 美工 设计 师 设计 部 网 页 设计 师 | 负责 网 页 风格 的 确定 、 网 页 图 片 的 设计 
夏 某 某 _| 中 级 美工 设计 师 设计 部 网 页 设计 师 | 负责 网 页 风格 的 确定 、 网 页 图 片 的 设计 
梁 某 某 | 中 级 系统 测试 工程 师 | 项 目 开发 部 | 测试 人 员 | 对 软件 进行 测试 、 编 写 软件 测试 文档 
江 某 某 | 初级 系统 测试 工程 师 | 项目 开 发 部 | 测试 人 员 | 对 软件 进行 测试 、 编 写 软件 测试 文档 
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6.3 系统 设计 


系统 目标 


根据 需求 分 析 的 描述 以 及 与 用 户 的 沟通 ， 现 制定 网 站 实现 如 下 目标 。 


办 办 办 办 办 办 办 办 办 名 


DD 


灵活 、 快 速 地 填写 供求 信息 ， 使 信息 传递 更 快捷 。 

系统 采用 人 机 对 话 方式 ， 界 面 美 观 友好 ， 信 息 查询 灵活 、 方 便 ， 数 据 存储 安全 可 靠 。 
实施 强大 的 后 台 审 核 功 能 。 

功能 强大 的 月 供求 统计 分 析 。 

实现 各 种 查询 ， 如 定位 查询 、 模 糊 查询 等 。 

强大 的 供求 信息 预警 功能 ， 尽 可 能 地 减少 供求 信息 未 审核 现象 。 

对 用 户 输入 的 数据 ， 系 统 进行 严格 的 数据 检验 ， 尽 可 能 排除 人 为 的 错误 。 

网 站 最 大 限度 地 实现 了 易 维 护 性 和 易 操 作 性 。 

界面 简洁 、 框 架 清晰 、 美 观 大 方 。 

为 充分 展现 网 站 的 交互 性 ，52 同城 网 采用 动态 网 页 技术 实现 用 户 信息 在 线 发 布 。 
充分 体现 用 户 对 网 站 信息 进行 检举 的 权利 。 


业务 流程 图 


1. 网 站 业务 流程 图 
52 同城 网 站 业务 流程 图 如 图 6.2 所 示 。 


取消 信息 发 布 [e- 否 - 是 否 交 费 审核 供求 信息 
< > 
是 


通过 


图 6.2 网 站 业务 流程 图 
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2. 管理 员 登 录 52 同城 网 操作 流程 

管理 员 登 录 52 同城 网 时 ， 需 要 执行 以 下 步骤 。 

(1) 身份 验证 。 只 有 管理 员 用 户 名 及 密码 正确 ， 才 可 以 登录 网 站 后 台 。 

(2) 可 根据 需要 浏览 供求 信息 、 审 核 供 求 信 息 、 发 布 收费 供求 信息 及 管理 供求 信息 等 。 
用 UML 绘制 出 管理 员 登 录 52 同城 网 操作 流程 ， 如 图 6.3 所 示 。 


[验证 通过 ] 登 录 一 > 选择 一 > 


所 一 [验证 失败 ] 无 法 登录 


管理 员 SS 


将 查询 结果 显示 在 屏幕 上 


所 一 将 查询 结果 返回 
图 63 用 UML 协作 图 绘制 的 管理 员 登 录 52 同城 网 的 操作 流程 
6.3.3 ”网 站 功能 结构 


根据 52 同城 网 的 特点 ， 可 以 将 其 分 为 前 台 和 后 台 两 个 部 分 设计 。 前 台 主 要 用 于 实现 分 类 供求 信息 
展示 〈 主 要 类 别 : 招聘 信息 、 求 职 信息 、 培 训 信息 、 公 寓 信 息 、 家 教 信息 、 物 品 求购 、 物 品 出 售 、 求 
兑 出 竟 、 车 辆 信息 、 寻 求 合作 、 企 业 广告 》、 详 细 信 息 查看 、 供 求 信息 查询 、 供 求 信 息 发 布 、 推 荐 供 
求 信息 等 功能 ， 后 台 主 要 用 于 实现 分 类 供求 信息 的 审核 与 管理 、 收 费 分 类 供求 信息 发 布 与 管理 等 功能 。 
52 同城 网 的 前 台 功 能 结构 如 图 6.4 所 示 。52 同城 网 的 后 台 功 能 结构 如 图 6.5 所 示 。 


52 同 城 网 前 台 52 同 城 网 后 台 

发 布 供求 信息 分 类 供求 信息 免费 供求 信息 管理 收费 信息 管理 
人 这 区 舌 条 和 收 收 收 
息 习 求 
费 息 | | 息 | | 息 信 信 信 息 息 息 
| 时 凡 上 | 2 

示 | | 查 

布 示 | | 询 | | 荐 核 除 

图 6.4 52 同城 网 前 台 功 能 结构 图 图 6.5 ”52 同城 网 后 台 功 能 结构 图 
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6.3.4 系统 预览 


供求 信息 网 由 多 个 程序 页 面 组 成 ， 下 面 仅 列 出 几 个 典型 页 面 ， 其 他 页 面 参见 资源 包 中 的 源 程序 。 
前 台 主 页 如 图 6.6 所 示 ， 该 页 面 用 于 实现 分 类 供求 信息 展示 、 企 业 供求 信息 推荐 、 供 求 信息 查询 等 
功能 。 招 聘 信 息 页 如 图 6.7 所 示 ， 该 页 面 用 于 实现 企业 招聘 供求 信息 推荐 、 招 聘 供求 信息 查询 。 


图 6.6 前 台 主 页 (资源 包 \TM\06\SIS\SIS\Default.aspx) 图 6.7 招聘 信息 页 (资源 包 \TM\06\SIS\webZP.aspx) 


免费 供求 信息 发 布 页 如 图 6.8 所 示 ， 该 页 面 用 于 实现 各 种 类 型 的 供求 信息 发 布 。 后 台 主 页 如 图 6.9 
所 示 ， 该 页 面 用 于 实现 各 种 免费 分 类 供求 信息 的 审核 与 管理 、 收 费 供求 信息 的 发 布 及 管理 。 


52 同城 信 息 网 


TSom 


1128 


| = = 


图 6.8 免费 供求 信息 发 布 页 图 6.9 后 台 主页 
(资源 包 \TM\06\SIS\SIS\InfoAdd.aspx) (资源 包 \TM\06\SIS\SIS\BackGround\Default.aspx) 


6.3.5 ”编码 规则 


1. 数据 库 建立 命名 规则 

(1) 数据 库 

数据 库 以 字母 “db” 开头 小写 ) 命名 ， 后 面 加 数据 库 相 关 英 文 单词 或 缩写 。 下 面 将 举例 说 明 ， 
如 表 6.3 所 示 。 


表 6.3 数据 库 命名 
数据 库 名 称 描述 
db SIS 52 同城 网 站 数据 库 
db MIS 信息 管理 系统 数据 库 


- 国 
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pM 
OE 
(2) 数据 表 
数据 表 以 字母 “tb” 开头 (小写) 命名， 后 面 加 数据 库 相关 英文 单词 或 缩写 和 数据 表 名 。 下 面 将 
举例 说 明 ， 如 表 6.4 所 示 。 


表 6.4 数据 表 命名 
数据 表 名 称 描 述 
tb Power 网 站 的 后 台 用 户 表 
tb info 供求 信息 表 


(3) 字段 
字段 一 律 采用 英文 单词 或 词组 (可 利用 翻译 软件 ) 命 名， 如 找 不 到 专业 的 英文 单词 或 词组 ， 可 以 
用 相同 意义 的 英文 单词 或 词组 代替 。 下 面 将 举例 说 明 ， 如 表 6.5 所 示 。 


表 6.5 字段 名 称 


如 果 字 段 是 英文 的 ， 应 在 “描述 ”中 加 以 解释 ;字段 大 小 应 该 按照 实际 大 小 划分 ， 如 果 确 定数 据 
类 型 字段 长 度 ， 使 用 char( 也 可 以 使 用 varchar) ， 和 否则 使 用 varchar， 如 图 6.10 所 示 。 
NETWINNETdb SIs - dbotb nfo x 用 
列 名 数据 尖 型 。 允许 Null 值 
aID int 国 
DD Ee - 
tite varchar(50) 下 
info varchar(500) 
linkman varchar(50) 四 
tel varchar(50) 国 
checkstate bit 可 
date datetime 


图 6.10 英文 字段 描述 
MN 
注意 避免 字段 名 与 SQL 中 的 关键 字 同 名 ， 如 “爱好 ”字段 为 Like, 但 Like 是 SQL 的 关键 字 ， 
所 以 将 其 改 为 MyLove 或 font。 


2. 网 站 编码 命名 规则 
所 有 的 对 象 名 称 都 为 自然 名 称 的 拼音 简写 ， 如 表 6.6 所 示 ， 出 现 冲 突 可 采用 不 同 的 简写 规则 。 


@ 
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表 6.6 窗 体 和 控件 命名 规则 


Vb 控件 缩写 形式 
Class Cls 
Label (大 量 的 标签 不 用 命名 ) Lbl 
Text Txt 
DataList dl 
GridView ev 
ListView Lvw 
TreeView Tvw 
Frame Fam 
Button Bt 
ImageButton ImgBtn 
DataSet Ds 
ListBox Lb 
DropDownList Ddl 
Picture Pic 
Image Img 
RadioButton rdoBtn 
LinkButton lnkbtm 
Check Cek 
HyperLink hpLink 
FileUpLoad Fup 


MN 
< 注意 雪 量 名 种 及 重要 的 代码 要 写 出 详细 的 注释 ， 这 样 有 利于 系统 的 开发 与 维护. 
6.3.6 ”构建 开发 环境 


1. 网 站 开发 环境 

罗 站 开发 环境 : Microsoft Visual Studio 2017。 
站 开发 语言 : ASP.NET+C#。 

网 站 后 台数 据 库 : SQL Server 2014。 
开发 环境 运行 平台 : ”Windows 7/Windows10。 


回回 加 加 


以 


< 注意 SP ( Service Pack ) 为 Windows 操作 系统 补丁 。 


2. 服务 器 端 
回 “操作 系统 : Windows 7。 
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Web 服务 器 : IIS 6.0 以 上 版 本 。 

回 数据库 服 务 器 : SQL Server 2014。 

浏览 器 : Chrome 浏览 器 、Firefox 浏览 器 。 

网 站 服务 器 运行 环境 : NET Framework V4.0 以 上 。 


3. 客户 端 

回 浏览 器 : Chrome 浏览 器 、Firefox 浏览 器 。 
回 ”分辩 率 : 最 佳 效 果 1280x800 或 更 高 像素 。 
让 


数据 库 设 计 


一 个 成 功 的 管理 系统 由 50% 的 业务 +50% 的 软件 组 成 ， 而 50% 的 成 功 软件 又 由 25% 的 数据 库 +25% 
的 程序 组 成 ， 数 据 库 设 计 的 好 坏 是 一 个 关键 。 如 果 把 企业 的 数据 比 作 生命 所 必需 的 血液 ， 那 么 数据 库 
的 设计 就 是 应 用 中 最 重要 的 一 部 分 。 

本 网 站 采用 SQL Server 2014 数据 库 , 名 称 为 db_SIS， 
其 中 包含 4 张 数据 表 。 下 面 分 别 介绍 数据 表 概 要 说 明 、 数 
据 库 E-R 图 分 析 及 数据 表 结 构 。 

1. 数据 表 概 要 说 明 

从 读者 角度 出 发 , 为 了 使 读者 对 本 网 站 数据 库 中 的 数 
据 表 有 一 个 更 清晰 的 认识 , 笔者 在 此 设计 了 数据 表 树 形 结 
构图 ， 如 图 6.11 所 示 ， 其 中 包含 了 对 系统 中 所 有 数据 表 
的 相关 描述 。 图 6.11 数据 表 树 形 结构 图 


2. 数据 库 E-R 图 分 析 

根据 以 上 章节 对 网 站 所 做 的 需求 分 析 、 流 程 设计 以 及 系统 功能 结构 的 确定 ， 规 划 出 满足 用 户 需求 
的 各 种 实体 以 及 它们 之 间 的 关系 图 。 本 网 站 规划 出 的 数据 库 实 体 对 象 分 别 为 免费 供求 信息 实体 、 收 费 
供求 信息 实体 、 网 站 后 台 用 户 实体 和 网 站 后 台 用 户 登 录 日 志 实 体 。 

免费 供求 信息 实体 E-R 图 如 图 6.12 所 示 。 


= 
国 
日 
区 统 囊 


免费 供求 信息 表 
收 绵 供求 信息 表 


网 站 后 台 用 户 表 
网 站 后 台 登 录 日 吉 表 


名 
= 
国 
国 
国 
国 
国 
鸟 
惫 
向 
乌 
乌 
所 


国 
国 
国 
国 
国 
国 


信息 类 型 信息 标题 


信息 
图 6.12 免费 供求 信息 实体 E-R 图 
收费 供求 信息 实体 E-R 图 如 图 6.13 所 示 。 


@ 
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图 6.13 收费 供求 信息 实体 E-R 图 


网 站 后 台 用 户 实体 E-R 图 如 图 6.14 所 示 。 
网 站 后 台 用 户 登 录 日 志 实体 E-R 图 如 图 6.15 所 示 。 


网 站 后 台 用 户 登 录 日 志 


图 6.14 网 站 后 台 用 户 实体 E-R 图 图 6.15 网 站 后 台 用 户 登 录 日 志 实体 E-R 图 
3. 数据 表 结 构 


在 设计 完 数据 库 实 体 E-R 图 之 后 ， 下 面 将 根据 实体 E-R 图 设计 数据 表 结 构 。 有 关 数 据 表 的 创建 过 
程 可 参考 6.12.2 节 。 下 面 分 别 介绍 4 张 数据 表 的 数据 结构 和 用 途 。 
(1) tb_info (免费 供求 信息 表 ) 
免费 供求 信息 表 主 要 存储 用 户 发 布 的 免费 供求 信息 。 数 据 表 结 构 如 图 6.16 所 示 。 
(2) tb_LeaguerInfo 〈 收 费 供 求 信息 表 ) 
收费 供求 信息 表 主 要 存储 收费 供求 信息 和 推荐 供求 信息 。 数 据 表 结构 如 图 6.17 所 示 。 


列 名 数据 类 型 允许 Null 值 列 和 名 数据 类 型 允许 Null 值 
8 ID int 国 吧 固 int 
[ »] type varchar(50) 
A gp ee = ide varchar(50) 
info varchar(500) 
We varchar(500) J linkMan varchar(50) 
linkman varchar(50) 加 pe varchar(50) 
tel varchar(50) 回 showday datetime 
checkState bit 加 date datetime 
date datetime 加 Code bi 回 
= 回 

图 6.16 免费 供求 信息 表 数 据 结构 图 6.17 收费 供求 信息 表 数 据 结构 


(3) tb_Power( 网 站 后 台 用 户 表 ) 
网 站 后 台 用 户 表 主 要 存储 网 站 后 台 用 户 的 名 称 和 密码 。 数 据 表 结 构 如 图 6.18 所 示 。 
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(4) 节 PowerLog (网 站 后 台 用 户 登录 日 志 表 ) 
网 站 后 台 用 户 登录 日 志 表 主要 存储 网 站 后 台 用 户 进行 登录 时 的 用 户 名 称 和 登录 时 间 。 数 据 表 结 构 
如 图 6.19 所 示 。 


列 名 数据 类 型 允许 Null 值 列 名 数 持 允许 Null 值 
walo| int Eo int 卓 
sysName varchar(50) 贺 sysName varchar(50) 回 
syspwd varchar(50) 加 sysLoginDate varchar(50) 贺 
下 


图 618 网 站 后 台 用 户 表 数 据 结构 
6.3.8 网 站 文件 组 织 结构 


为 了 便于 读者 对 本 网 站 的 学 习 ， 在 此 笔者 将 网 站 文件 的 组 织 结构 展示 出 来 。 另 外 ， 将 相同 功能 类 
型 的 Web 窗 体 文件 存放 在 同一 个 文件 夹 ， 便 于 后 期 维护 。 网 站 文件 组 织 结构 如 图 6.20 所 示 。 


6.19 ”网 站 后 台 用户 登 录 日 志 表 数据 结构 


自 定义 公共 类 文件 夹 


Ye Operation.cs 
Yce StringFormatcs 
Ye WebMessageBox.cs 
别 App_Data 
闻 BackGround 


存放 数据 库 文件 
存放 后 台 网 页 文件 

烦 Content 一 一 一 一 一 一 一 一 一 一 一 存放 bootstrap 框架 文件 
Css 一 一 一 一 一 一 一 一 一 一 存放 css 样 式 文件 

Y 四 BackGround-Default.css 

vB csscss 

Y 国 Datalist.css 

+ defauktListcss 

Y 国 indexcss 

+ infoAddcss 

Y 四 logincss 

“BB mastercss 

v 固 styleSheet.css 
闻 fonts 一 一 存放 字体 文件 
而 images 存放 图 片 文件 
吧 Scripts 存放 Javascript 公共 插件 库 文件 
闻 ShowPage 一 一 一 一 一 一 一 一 一 一 一 存放 前 台 网 页 


[A 


vvvv 


bP 硕 UserContro 一 一 一 一 一 一 一 一 一 一 一 存放 用 户 控件 


b vB Default.aspx 

b vB) Help.aspx 

b A InfoAddaspx 

b YA) Loginaspx 

b vw MasterPage.master 
wD packages.config 

b vA) ShowLeaguerinfo.aspx 
Y 四 Web.Config 


网 站 主页 

网 站 帮助 页 面 

网 站 免费 信息 发 布 页 面 
后 台 登 录 页 面 

母 版 页 

NuGet 包 管理 配置 文件 
详情 信息 页 面 

网 站 配置 文件 


6.20 ”网 站 文件 组 织 结构 
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6.4 公共 类 设计 


开发 项 目 中 以 类 的 形式 来 组 织 、 封 装 一 些 常用 的 方法 和 事件 ， 不 仅 可 以 提高 代码 的 
大 方便 了 代码 的 管理 。 


6.4.1 数据 层 功 能 设计 


数据 层 设计 主要 实现 逻辑 业务 层 与 SQL Server 数据 库 建 立 一 个 连接 访问 桥 。 该 层 主 要 实现 的 功能 
方法 为 :打开 /关闭 数据 库 连 接 ， 执 行 数据 的 增 、 删 、 改 、 查 等 功能 。 


1. 打开 数据 库 连 接 的 Open 方法 


建立 数据 库 的 连接 ， 主 要 通过 SqlConnection 类 实现 ， 并 初始 化 数据 库 连 接 字 符 串 ， 然 后 通过 State 
属性 判断 连接 状态 ， 如 果 数 据 库 连接 状态 为 关闭 ， 则 打开 数据 库 连接 。 

实现 打开 数据 库 连 接 的 Open 方法 的 代码 如 下 : 

倒 程 01 代码 位 置 ， 资源 包 \TM\0G\SIS\SIS\App_Code\DataBase.cs 

#region ”打开 数据 库 连接 

Wi<summary> 

/打开 数据 库 连接 


Wi</summary> 
private void Open() 


{ 
/打开 数据 库 连 接 
if (con == null) 


t 


0 
} 

@ if(con.State == System.Data.ConnectionState.Closed) 
目 


con.Open(); 


con = new SqlConnection("Data Source=(local);DataBase=db_CMS;User ID=sa;PWD="); 


} 
#endregion 


< 代码 贴 二 
@ SqlConnection 类 : 表示 SQL Server 数据 库 一 个 打开 的 连接 。 
@ State 属性 : 数据 库 连接 状态 。 
目 Open 方法 : 打开 数据 库 连 接 。 
2. 关闭 数据 库 连接 的 Close 方法 
关闭 数据 库 连 接 主要 通过 SqlConnection 对 象 的 Close 方法 实现 。 自 定义 Close 方法 关闭 数据 库 连 
接 的 代码 如 下 : 
倒 程 02 ”代码 位 置 : 资源 包 \TM\0G6\SIS\SIS\App_Code\DataBase.cs 
#region ”关闭 连接 


国 
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JW<summary> 

少 关 闭 数据 库 连 接 
li</summary> 
public void Close() 


if (con = null) /| 判断 是 否 存在 连接 
con.Close(); 


了 
#endregion 


3. 释放 数据 库 连接 资源 的 Dispose 方法 


由 于 DataBase 类 使 用 System.IDisposable 接口 ，IDisposable 接口 声明 了 一 个 Dispose 方法 ， 所 以 应 
该 完善 IDisposable 接口 的 Dispose 方法 ， 用 来 释放 数据 库 连 接 资 源 。 

实现 释放 数据 库 连 接 资 源 的 Dispose 方法 代码 如 下 : 

倒 程 03 代码 位 置 ， 资源 包 \TM\0G6\SIS\SIS\App Code\DataBase.cs 

#region ”释放 数据 库 连 接 资源 

li<summary> 

/释放 资源 


Wi</summary> 
public void Dispose() 


/确认 连接 是 否 已 经 关闭 
if (con != null) 
con.Dispose(); 
con = null; 
} 
} 
#endregion 


4. 初始 化 SqlParameter 参数 值 

本 程序 向 数据 库 中 读 写 数据 是 以 参数 形式 实现 的 (与 使 用 存储 过 程 读 写 数据 类 似 ) 。 其 中 
MakeInParam 方法 用 于 传 入 参数 ，MakeParam 方法 用 于 转换 参数 。 

实现 MakeInParam 和 MakeParam 方法 的 完整 代码 如 下 : 


倒 程 04 ”代码 位 置 : 资源 包 \TM\06\SIS\SIS\App_Code\DataBase.cs 
#region” 传 入 参数 并 且 转 换 为 SqlParameter 类 型 


li<summary> 

// 传 入 参数 

li</summary> 

JW<param name="ParamName"> 存 储 过 程 名 称 或 命令 文本 </param> 

JW<param name="DbType"> 参 数 类 型 </param></param> 

Ji<param name="Size"> 参 数 大 小 </param> 

JW<param name="Value"> 参 数值 </param> 

We<returns> 新 的 parameter 对 象 </returns> 

public SqlParameter MakelnParam(string ParamName, SqlDbType DbType, int Size, object Value) 
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retum MakeParam(ParamName, DbType, Size, ParameterDirection .Input, Value); 
} 
ll<summary> 
1/ 初始 化 参数 值 
li</summary> 
///<param name="ParamName"> 存 储 过 程 名 称 或 命令 文本 </param> 
JW<param name="DbType"> 参 数 类 型 </param> 
Ji<param name="Size"> 参 数 大 小 </param> 
JW<param name="Direction"> 参 数 方向 </param> 
JW<param name="Value"> 参 数值 </param> 
Wi<returns> 新 的 parameter 对 象 </returns> 
public SqlParameter MakeParam(string ParamName, SqlDbType DbType, Int32 Size, ParameterDirection Direction , 
object Value) 
{ 

SqlParameter param; 

if (Size > 0) /判断 数据 类 型 大 小 
© param = new SqlParameter(ParamName, DbType, Size); 

else 

param = new SqlParameter(ParamName, DbType); 

© param.Direction = Direction; 

if (!(Direction == ParameterDirection.Output && Value == null)) 
© param.Value = Value; 

return param; 


} 
#endregion 


Ah 代码 贴 寺 
@ SqlParameter 类 : 用 参数 名 称 、SqlDbType、 大 小 和 源 列 名 称 初始 化 SqlParameter 类 的 新 实例 。 
@ Direction 属性 : 获取 或 设置 一 个 值 ， 该 参数 值 为 只 可 输入 、 只 可 输出 、 双 向 还 是 存储 过 程 返回 值 参数 。 
@@ Value 属性 : 获取 或 设置 该 参数 的 值 。 


5. 执行 参数 命令 文本 或 SQL 语句 

RunProc 方法 为 可 重 载 方法 。 其 中 , RunProc(string procName) 方 法 主要 用 于 执行 简单 的 数据 库 添 加 、 
修改 、 删 除 等 操作 〈 如 SQL 语句 ) ; RunProc(string procName, SqlParameter[] prams) 方 法 主要 用 于 执行 
复杂 的 数据 库 添加 、 修 改 、 删 除 等 操作 〈 带 参数 SqlParameter 的 命令 文本 的 SQL 语句 ) 。 

实现 可 重 载 方法 RunProc 的 完整 代码 如 下 : 

倒 程 05 代码 位 置 ， 资源 包 \TM\06\SIS\SIS\App_Code\DataBase.cs 


#region ”执行 参数 命令 文本 无 数据 库 中 数据 返回 ) 
li<summary> 

/执行 命令 

/</summary> 

JW<param name="procName"> 命 令 文本 </param> 
JW/<param name="prams"> 参 数 对 象 </param> 
li<returns></returns> 

public int RunProc(string procName, SqlParameterl] prams) 
{ 


SqlCommand cmd = CreateCommand(procName, prams); 
©@ cmd.ExecuteNonQuery(); 
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@ this.Close(); 
/得 到 执行 成 功 返 回 值 
return (int)cmd.Parameters["ReturnValue"].Value; 
2. 
ll<summary> 
WN/ 直接 执行 SQL 语句 
ll</summary> 
JW<param name="procName"> 命 令 文本 </param> 
li<returns></returns> 
public int RunProc(string procName) 


this.Open(); 
© SqCommand cmd = new SqlCommand(procName, con); 
cmd.ExecuteNonQuery(); 
this.Close(); 
return 1; 


} 
#endregion 


Ah 代码 由 十 
@ ExecuteNonQuery 方法 : 对 连接 执行 Transact-SQL 语句 并 返回 受 影响 的 行 数 。 
@ this 关键 字 : 引用 类 的 当前 实例 。 
@ SqlCommand 类 : 表示 要 对 SQL Server 数据 库 执行 的 一 个 Transact-SQL 语句 或 存储 过 程 。 


6. 执行 查询 命令 文本 ， 并 且 返 回 DataSet 数据 集 


RunProcRetum 方法 为 可 重 载 方法 ， 返 回 值 为 DataSet 类 型 。 功 能 分 别 为 执行 带 参数 SqlParameter 
的 命令 文本 ， 并 返回 查询 DataSet 结果 集 。 下 面 代码 中 RunProcReturn(string procName，SqlParameter[] 
prams,string tbName) 方 法 主要 用 于 执行 带 参数 SqlParameter 的 查询 命令 文本 ; RunProcReturn(string 
procName, string tbName) 方 法 用 于 直接 执行 查询 SQL 语句 。 

可 重 载 方法 RunProcRetum 的 完整 代码 如 下 : 


倒 程 06 代码 位 置 ， 资源 包 \TM\06\SIS\SIS\App_Code\DataBase.cs 


#region ”执行 参数 命令 文本 《有 返回 值 ) 

li<summary> 

执行 查询 命令 文本 ， 并 且 返 回 DataSet 数据 集 

li</summary> 

/<param name="procName"> 命 令 文本 </param> 

JW<param name="prams"> 参 数 对 象 </param> 

JW<param name="tbName"> 数 据 表 名 称 </param> 

li<returns></returns> 

public DataSet RunProcReturn(string procName, SqlParameter prams,string tbName) 
{ 


SqlDataAdapter dap=CreateDataAdaper(procName, prams); 
DataSet ds = new DataSet(); 

dap.Fill(ds,tbName); 

this.Close(); 

/得 到 执行 成 功 返 回 值 

return ds; 
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ll<summary> 
/执行 命令 文本 ， 并 且 返 回 DataSet 数据 集 
li</summary> 
JW<param name="procName"> 命 令 文本 </param> 
JW<param name="tbName"> 数 据 表 名 称 </param> 
JW<returns>DataSet</retums> 
public DataSet RunProcReturn(string procName, string tbName) 
和 
@ SqlDataAdapter dap = CreateDataAdaper(procName, null); 
DataSet ds = new DataSet(); 
@ dap.Fill(ds, tbName); 
this.Close(); 
/得 到 执行 成 功 返 回 值 
return ds; 
} 
#endregion 


< 代码 贴 二 


@ SqlDataAdapter 类 : 表示 用 于 填充 DataSet 和 更 新 SQL Server 数据 库 的 一 组 数据 命令 和 一 个 数据 库 连 接 。 
@ Fill 方 法 : 在 DataSet 中 添加 或 刷新 行 以 匹配 使 用 DataSet 和 DataTable 名 称 的 数据 源 中 的 行 。 


7. 将 SqlParameter 添加 到 SqlDataAdapter 中 
CreateDataAdaper 方法 创建 一 个 SqlDataAdapter 对 象 ， 以 此 来 执行 命令 文本 。 完 整 代 码 如 下 : 


倒 程 07 代码 位 置 ， 资源 包 \TM\06\SIS\SIS\App_Code\DataBase.cs 
大 egion ”将 命令 文本 添加 到 SqlDataAdapter 
l/l<summary> 
/创建 一 个 SqlDataAdapter 对 象 ， 以 此 来 执行 命令 文本 
JW</summary> 
Wi<param name="procName"> 命 令 文 本 </param> 
/Mi<param name="prams"> 参 数 对 象 </param> 
ll/<returns></returns> 
private SqlDataAdapter CreateDataAdaper(string procName, SqlParameter[] prams) 
{ 
this.Open(); 
SqlDataAdapter dap = new SqlDataAdapter(procName,con); 
@ dap.SelectCommand.CommandType = CommandType.Text;， /执行 类 型 : 命令 文本 
if (prams != null) 
{ 
foreach (SqlParameter parameter in prams) 
2 dap.SelectCommand.Parameters.Add(parameter); 


} 

// 加 入 返回 参数 

dap.SelectCommand.Parameters.Add(new SqlParameter("ReturnValue", SqlIDbType.Int, 4, 
ParameterDirection.ReturnValue, false, 0, 0, 
string.Empty, DataRowVersion.Default, null)); 

return dap; 


} 
#endregion 


辐 
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Ah 代码 由 二 
@ CommandType 属性 : 获取 或 设置 要 对 数据 源 执行 的 Transact-SQL 语句 或 存储 过 程 。CommandType 属性 值 如 下 。 
StoredProcedure: 存储 过 程 的 名 称 。 
TableDirect: 表 的 名 称 。 
Text: SQL 文本 命令 (默认) 。 
四 Add 方法 : 添加 SqlParameter 对 象 。 


8. 将 SqlParameter 添加 到 SqlCommand 中 


CreateCommand 方法 创建 一 个 SqlCommand 对 象 ， 以 此 来 执行 命令 文本 。 完 整 代码 如 下 : 


倒 程 08 ”代码 位 置 ; 资源 包 \TMMWOG\SIS\SIS\App_ Code\DataBase.cs 
#region ”将 命令 文本 添加 到 SqlCommand 

W<summary> 

/1/ 创 建 一 个 SqlCommand 对 象 ， 以 此 来 执行 命令 文本 

li</summary> 

Ji<param name="procName"> 命 令 文本 </param> 

Ji<param name="prams" 命 令 文本 所 需 参 数 </param> 

/<returns> 返 回 SqlCommand 对 象 </returns> 

private SqlCommand CreateCommand(string procName, SqlParameter[] prams) 


/确认 打开 连接 

this.Open(); 

SqlCommand cmd = new SqlCommand(procName, con); 
cmd.CommandType = CommandType.Text; /| 执行 类 型 : 命令 文本 
/依次 把 参数 传 入 命令 文本 


if (prams != null) 


foreach (SqlParameter parameter in prams) 
cmd.Parameters.Add(parameter); 


} 

// 加 入 返回 参数 

cmd.Parameters.Add( 
new SqlParameter("ReturnValue", SqlDbType.Int, 4, 
ParameterDirection.ReturnValue, false, 0, 0, 
string.Empty, DataRowVersion.Default, null)); 

return cmd; 


} 
#endregion 


6.4.2 ”网 站 逻辑 业务 功能 设计 


网 站 逻辑 业务 层 是 建立 在 数据 层 设计 和 表示 层 设 计 之 上 完成 的 。 透 彻 地 说 ， 即 处 理 功 能 Web 窗 
体 与 数据 库 操作 的 业务 功能 。 由 于 篇 幅 所 限 ， 只 讲解 部 分 典型 的 功能 代码 ， 其 他 源 代码 参见 随 书 附带 
的 资源 包 。 


Ah 


Me a 


@ 
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1. 添加 供求 信息 
InsertInfo 方法 主要 用 于 将 免费 供求 信息 添加 到 数据 库 中 。 实 现代 码 如 下 : 


倒 程 09 ”代码 位 置 : 资源 包 \TM\06\SIS\SIS\App_Code\Operation.cs 
#region ”添加 供求 信息 


ll<summary> 
添加 供求 信息 
/</summary> 
JW<param name="type"> 信 息 类 别 </param> 
JW<param name="title"> 标 题 </param> 
We<param name="info"> 内 容 </param> 
/<param name="linkMan"> 联 系 人 </param> 
ll/<param name="tel"> 联 系 电话 </param> 
public void Insertlnfo(string type, string title, string info, string link Man, string tel) 
{ 
SqlParameter parms ={ 
data.MakelnParam("@type", SqlDbType.VarChar,50,type), 
data.MakeInParam("@title", SqlDbType.VarChar,50,title), 
data.MakelnParam("@info",SqlDbType.VarChar,500,info)， 
data.MakelnParam("@linkMan",SqlDbType.VarChar,50,linkMan), 
data.MakelnParam("@tel",SqlDbType.VarChar,50,tel), 
上 
inti = data.RunProc("INSERT INTO tb_info (type, title, info, linkman, tel) VALUES (@type, 
@ititle,@info, @link Man, @tel)", parms); 
} 
#endregion 


2. 修改 供求 信息 
UpdateInfo 方法 主要 用 于 修改 免费 供求 信息 的 审核 状态 。 实 现代 码 如 下 : 


倒 程 10 ”代码 位 置 : 资源 包 \TM\06\SIS\SIS\App_Code\Operation.cs 


#region ”修改 供求 信息 

/ll <summary> 

几 修改 供求 信息 的 审核 状态 

ll </summary> 

咱 <param name="id"> 信 息 ID</param> 

JW <param name="type"> 信 息 类 型 </param> 
public void Updatelnfo(int id, bool type) 


{ 
if (type) 
{ 
data.RunProc("UPDATE tb_info SET checkState = 0 WHERE (ID =" + id + ")"); 
else 
{ 
data.RunProc("UPDATE tb_info SET checkState = 1 WHERE (ID =" + id + ")"); 
上 


#endregion 
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3. 删除 供求 信息 


DeleteInfo 方法 主要 用 于 删除 免费 供求 信息 ， 实 现 过 程 为 调用 数据 层 中 的 RunProc 方法 实现 。 实 现 
代码 如 下 : 

倒 程 11 代码 位 置 : 资源 包 \TM\06\SIS\SIS\App_Code\Operation.cs 

#region ”删除 供求 信息 

ll<summary> 

/1/ 删 除 指定 的 供求 信息 

li</summary> 

JW/<param name="id"> 供 求 信息 ID</param> 

public void Deletelnfo(string id) 


int d = data.RunProc("Delete from tb_info where id=" + id + ™"); 
了 
#endregion 


4. 查询 供求 信息 


SelectInfo 方法 为 可 重 载 方法 ， 用 于 根据 不 同 的 条 件 查询 免费 供求 信息 ， 实 现 过程 为 调用 数据 层 中 
的 RunProcRetum 方法 来 实现 。 实 现代 码 如 下 : 


倒 程 12 代码 位 置 ， 资源 包 \TM\06\SIS\SIS\App_Code\Operation.cs 


#region 查询 供求 信息 

ll <summary> 

U/ 按 类 型 进行 分 页 查询 供求 信息 

ll </summary> 

11/ <param name="type"> 供 求 信息 类 型 </param> 

Ul/ <returns> 返 回 查询 结果 DataSet 数据 集 </returns> 

public DataSet Selectlnfo(string type, int Pagelndex, int PageSize) 
人 


int StartiIndex = ((Pagelndex - 1) * PageSize) + 1; 

int Endlndex = Pagelndex * PageSize; 

SqlParameter[] parms = { data.MakelnParam("@type", SqlDbType.VarChar, 50, type) }; 

return data.RunProcReturn("select count(1) from tb_info where type=@type;select * from(SELECT ID, type, 
title, info, linkman, tel, checkState, date,Row_Number() over(ORDER BY date DESC) as rowlndex FROM 
tb_info where type=@type) as Tab where rowlndex between " + Startindex + "and " + EndIndex, parms, 
"tb_info"); 
3 
ll <summary> 
中 按 ID 查询 供求 信息 
ll </summary> 
咱 <param name="id"> 供 求 信 息 | D </param> 
/| <returns> 返 回 查询 结果 DataSet 数据 集 </returns> 
public DataSet SelectInfo(int id) 
{ 

return data.RunProcReturm("SELECT ID, type, title, info, linkman, tel, checkState, date FROM tb_info 

where ID=" + id + " ORDER BY date DESC", "tb_info1"); 
} 


li<summary> 


@ 
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1/ 供求 信息 快速 检索 
ll</summary> 
JW<param name="type"> 信 息 类 型 </param> 
JW<param name="infoSearch"> 查 询 信 息 的 关键 字 </param> 
JW/<returns> 返 回 查 询 结果 DataSet 数据 集 </returns> 
public DataSet Selectlnfo(string type, string infoSearch) 
{ 
SqlParameter[] pars ={ 
data.MakelnParam("@type", SqlDbType.VarChar, 50, type) , 
data.MakelnParam("@info",SqlDbType.VarChar,50,"%"+infoSearch+"%") 
上 
retur data.RunProcReturn("select * from tb_info where (type=@type) and (info like @info)", pars, 
"tb_info"); 
> 
#endregion 


5. 添加 收费 供求 信息 
JInsertLeaguerInfo 方法 主要 用 于 将 收费 供求 信息 添加 到 数据 库 中 。 实 现代 码 如 下 : 


倒 程 13 代码 位 置 ， 资源 包 \TM\06\SIS\SIS\App_Code\Operation.cs 


#region ”添加 收费 供求 信息 

li<summary> 

/添加 收费 供求 信息 

li</summary> 

/Wi<param name="type"> 信 息 类 型 </param> 
/<param name="title"> 信 息 标题 </param> 
/<param name="info"> 信 息 内 容 </param> 
/<param name="linkMan"> 联 系 人 </param> 
Ji<param name="tel"> 联 系 电话 </param> 
/<param name="sumDay"> 有效 天 数 </param> 
public void InsertLeaguerlnfo(string type, string title, string info, string linkMan, string tel, DateTime sumDay, 
bool checkState) 

{ 

SqlParameter[] parms ={ 
data.MakelnParam("@type",SqlDbType.VarChar,50,type)， 
data.MakelnParam("@title",SqlDbType.VarChar,50,title)， 
data.MakelnParam("@info",SqlDbType.VarChar,500,info)， 
data.MakelnParam("@link Man",SqlDbType.VarChar,50,linkMan), 
data.MakelnParam("@tel",SqlDbType.VarChar,50,tel)， 
data.MakelnParam("@showday",SqlDbType.DateTime,8,sumDay), 
data.MakelnParam("@CheckState",SqlDbType.Bit,8,checkState) 

上 

inti = data.RunProc("INSERT INTO tb_Leaguerlnfo (type, title, info, linkman, tel,showday,checkState) 

VALUES (@type, @title,@info,@linkMan, @tel,@showday,@CheckState)", parms); 
} 
#endregion 


6. 删除 收费 供求 信息 
DeleteLeaguerInfo 方法 主要 用 于 删除 收费 供求 信息 。 实 现代 码 如 下 : 


是 
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倒 程 14 ”代码 位 置 : 资源 包 \TM\06\SIS\SIS\App_Code\Operation.cs 


#region ”删除 收费 供求 信息 

li<summary> 

1/ 删除 收费 供求 信息 

/</summary> 

JW/<param name="id"> 要 删除 信息 的 ID</param> 
public void DeleteLeaguerlnfo(string id) 


int d = data.RunProc("Delete from tb_Leaguerlnfo where id=" + id + ™™); 


#endregion 


7. 查询 收费 供求 信息 
SelectLeaguerInfo 方法 为 可 重 载 方法 ， 用 于 根据 不 同 的 条 件 查询 收费 供求 信息 。 实 现代 码 如 下 : 


倒 程 15 代码 位 置 ， 资源 包 \TM\06\SIS\SIS\App_Code\Operation.cs 


#region ”查询 收费 供求 信息 

ll <summary> 

Ul 按 指定 过 期 条 件 和 分 页 配置 显示 收费 信息 

ll </summary> 

Ji <returns> 返 回 DataSet 结果 集 </returns> 

public DataSet SelectLeaguerlnfo(int Pagelndex, int PageSize, int ShowDayType) 
{ 


int StartIndex = ((Pagelndex - 1) * PageSize) + 1; 
int Endlndex = Pagelndex * PageSize; 

string where = "™"; 

if (ShowDayType == 1) 


t 

where = "where showday >= getdate()"; 
} 
else if (ShowDayType == 2) 
4 

where = "where showday < getdate()"; 
} 


return data.RunProcReturn("select count(1) from tb_Leaguerlnfo " + where + ";select * from (Select 
*,Row_Number() over(order by date desc) as Rowlndex from tb_Leaguerlnfo " + where + ") as tab where 
Rowlndex between " + Startindex + " and " + Endlndex, "tb_Leaguerlnfo"); 


3 

li<summary> 

/查询 同类 型 收费 到 期 和 未 到 期 供求 信息 
li</summary> 


/<param name="all">True 显示 未 到 期 信息 ，False 显示 到 期 信息 </param> 
JW<param name="infoType"> 信 息 类 型 </param> 
/<returns> 返 回 DataSet 结果 集 </returns> 
public DataSet SelectLeaguerlnfo(bool All, string infoType) 
{ 
if (All)// 显 示 有 效 收费 信息 
return data.RunProcReturn("Select * from tb_Leaguerinfo where type=" + infoType + " and 
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showday >= getdate() order by date desc", "tb_Leaguerinfo"); 

else /显示 过 期 收费 信息 

return data.RunProcReturn("select * from tb_Leaguerlnfo where type=" + infoType + " and 

showday<getdate() order by date desc", "tb_Leaguerlnfo"); 
} 
lil<summary> 
W/ 查 询 显示 “ 按 类 型 未 过 期 推荐 信息 ”或 “所 有 的 未 过 期 推荐 信息 ” 
li</summary> 
JW<param name="infoType"> 信 息 类 型 </param> 
JW<param name="checkState">True 按 类 型 显示 未 过 期 推荐 信息 ，False 显示 所 有 未 过 期 推荐 信息 </param> 
Wi<returns></returns> 
public DataSet SelectLeaguerlnfo(string infoType,bool checkState) 


if (checkState) // 按 类 型 显示 未 过 期 推荐 信息 
return data.RunProcReturn("SELECT top 20 * FROM tb_Leaguerlnfo WHERE (type 
AND (showday >= GETDATE()) AND (CheckState = " + checkState + ") ORDER BY date DESC", 
"tb_Leaguerlnfo"); 
else // 显 示 未 过 期 推荐 信息 
return data.RunProcReturn("SELECT top 10 * FROM tb_Leaguerlnfo WHERE 
(showday >=GETDATE()) AND (CheckState = " + IcheckState + ") ORDER BY date DESC", "tb_Leaguerlnfo"); 
} 
li<summary> 
/查询 同类 型 收费 到 期 和 未 到 期 供求 信息 〈 前 N 条 信息 
Mi</summary> 
///<param name="all">True 显示 未 到 期 信息 ，False 显示 到 期 信息 </param> 
Ji<param name="infoType"> 信 息 类 型 </param> 
/<param name="top"> 获 取 前 N 条 信息 </param> 
li<returns></returns> 
public DataSet SelectLeaguerlnfo(bool All, string infoType, int top) 


infoType + ") 


if (All)// 显 示 有 效 收 费 信息 
return data.RunProcReturn("Select top(" + top + ") * from tb_Leaguerlnfo where type=" + infoType + ” 
and showday >= getdate() order by date desc", "tb_Leaguerlnfo"); 
else /显示 过 期 收费 信息 
return data.RunProcReturn("select top(" + top + ") * from tb_Leaguerlnfo where type=" + infoType + ” 
and showday<getdate() order by date desc", "tb_Leaguerlnfo"); 
Wi<summary> 
几 根 据 ID 查询 收费 供求 信息 
li</summary> 
JW/<param name="id"> 供 求 信息 ID</param> 
li<returns></returns> 
public DataSet SelectLeaguerlnfo(string id) 
{ 
return data.RunProcReturn("Select * from tb_Leaguerinfo where id=" + id + " order by date desc", 
"tb_Leaguerlnfo"); 
} 
ll <summary> 
ll 根据 ID 修改 收费 供求 信息 是 否 为 推荐 信息 
ll </summary> 
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中 <param name="id"> 供 求 信 息 ID</param> 
public void UpdateLeaguerlnfo(string id, bool CheckState) 


4 
if (CheckState) 
data.RunProcReturn("update tb_Leaguerlnfo set CheckState=0 where id=" + id + ", "tb_Leaguerlnfo"); 
$ 
else 
. 
data.RunProcReturn("update tb_Leaguerlnfo set CheckState=1 where id=" + id + ", "tb_Leaguerlnfo"); 
} 
} 
#endregion 


8. DataList 分 页 设置 绑 定 
PageDataListBind 方法 主要 用 于 实现 DataList 分 页 设置 绑 定 功 能 。 实 现代 码 如 下 : 


倒 程 16 代码 位 置 ， 资源 包 \TM\06\SIS\SIS\App_Code\Operation.Cs 


#region 分 页 设置 绑 定 

Wi<summary> 

几 绑 定 DataList 控件 ， 并 且 设置 分 页 

li</summary> 

/1/<param name="infoType"> 信 息 类 型 </param> 

///<param name="infoKey"> 查 询 的 关键 字 〈 如 果 为 空 ， 则 查询 所 有 ) </param> 

JW/<param name="currentPage"> 当 前 页 </param> 

JW/<param name="PageSize"> 每 页 显示 数量 </param> 

/<returns> 返 回 PagedDataSource 对 象 </returns> 

public PagedDataSource PageDataListBind(string infoType, string infoKey, int currentPage,int PageSize) 


让 
PagedDataSource pds = new PagedDataSource(); 
pds.DataSource = SelectInfo(infoType, infoKey).Tables[0].DefaultView; /将 查询 结果 绑 定 到 分 页 数据 源 上 
pds.AllowPaging = true; /允许 分 页 
pds.PageSize = PageSize; // 设 置 每 页 显示 的 页 数 
pds.CurrentPagelndex = currentPage - 1; /设置 当前 页 
return pds; 

} 

#endregion 

9. 后 台 登 录 


Logon 方法 主要 用 于 实现 网 站 后 台 验 证 用 户 登录 功能 。 实 现代 码 如 下 : 


倒 程 17 代码 位 置 ， 资源 包 \TM\06\SIS\SIS\App_Code\Operation.cs 


#region ”后 台 登 录 
public DataSet Logon(string user, string pwd) 
{ 


SqlParameter[] parms ={ 
data.MakelnParam("@sysName",SqlDbType.VarChar,20,user), 
data.MakelnParam("@sysPwd",SqlIDbType.VarChar,20,pwd) 
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return data.RunProcReturn("Select * from tb_Power where sysName=@sysName and 
sysPwd=@sysPwd",parms, "tp_Power"); 


} 
#endregion 


6.5 网 站 主页 设计 (前 台 ) 


6.5.1 网 站 主页 概述 


网 站 主页 是 关于 网 站 的 建设 及 形象 宣传 ， 它 对 网 站 生存 和 发 展 起 着 非常 重要 的 作用 。 网 站 主页 应 
该 是 一 个 信息 含量 较 大 、 内 容 较 丰富 的 宣传 平台 。52 同城 网 主页 如 图 6.21 所 示 。 主 要 包含 以 下 内 容 : 


与 2 同城 信息 网 
开启 信息 供与 求 新 时 代 ! 


[ssl 2 


Donen - 厅 


csl mse 


Is mn 


编程 人 员 的 入 门 导 师 


站 [人 襟 信和 | 5 I ss 


图 6.21 供求 信息 网 主页 


(1) 网 站 菜单 导航 〈 包 括 招聘 信息 、 求 职 信息 、 培 训 信 息 、 公 寓 信 息 、 家 教 信息 、 车 辆 信息 、 物 
品 求购 、 物 品 出 售 、 求 竞 出 竞 、 寻 求 合作 、 企 业 广告 等 ) 。 

(2) 供求 信息 的 发 布 〈 包 括 招聘 信息 、 求 职 信息 、 培 训 信息 、 公 寓 信 息 、 家 教 信息 、 车 辆 信息 、 
物品 求购 、 物 品 出 售 、 求 兑 出 竞 、 寻 求 合作 、 企 业 广 告 等 )。 

(3) 供求 信息 显示 包括 招聘 信息 、 求 职 信息 、 培 训 信 息 、 公 寓 信 息 、 家 教 信息 、 车 辆 信息 、 物 
品 求购 、 物 品 出 售 、 求 竞 出 竞 、 寻 求 合作 、 企 业 广告 等 ) 。 

(4) 详细 供求 信息 查看 。 

(5) 供求 信息 快速 查询 。 

(6) 推荐 供求 显示 ， 按 时 间 先 后 顺序 显示 推荐 供求 信息 。 

(7) 后 台 登 录入 口 ， 即 为 管理 员 进 入 后 台 提 供 一 个 入 口 。 
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6.5.2 ”网 站 主页 技术 分 析 


52 同城 网 的 主页 和 前 台 其 他 所 有 子 页 均 使 用 了 母 版 页 技术 。 母 版 页 的 主要 功能 是 为 ASPNET 应 
用 程序 创建 统一 的 用 户 界面 和 样式 ， 它 提供 了 共享 的 HIML、 控 件 和 代码 ， 可 作为 一 个 模板 ， 供 网 站 
内 所 有 页 面 使 用 ， 从 而 提升 了 整个 程序 开发 的 效率 。 本 节 将 从 以 下 几 个 方面 来 介绍 母 版 页 。 


1. 母 版 页 的 使 用 概述 


使 用 母 版 页 ， 可 以 为 ASPNET 应 用 程序 页 面 创建 一 个 通用 的 外 观 。 开 发 人 员 可 以 利用 母 版 页 创建 
一 个 单 页 布局 ， 然 后 将 其 应 用 到 多 个 内 容 页 中 。 母 版 页 具有 如 下 优点 : 

(1) 使 用 母 版 页 可 以 集中 处 理 网 页 的 通用 功能 ， 以 便 可 以 只 在 一 个 位 置 上 进行 更 新 ， 在 很 大 程度 
上 提高 了 工作 效率 。 

(2) 使 用 母 版 页 可 以 方便 地 创建 一 组 公共 控件 和 代码 ， 并 将 其 应 用 于 网 站 中 所 有 引用 该 母 版 页 的 
网 页 。 例 如 ， 可 以 在 母 版 页 上 使 用 控件 来 创建 一 个 应 用 于 所 有 网 页 的 功能 菜单 。 

(3) 可 以 通过 控制 母 版 页 中 的 占 位 符 ContentPlaceHolder， 对 网 页 进行 布局 。 

由 内 容 页 和 母 版 页 组 成 的 对 象 模型 ， 能 够 为 应 用 程序 提供 一 种 高 效 、 易 用 的 实现 方式 ， 并 且 这 种 
对 象 模型 的 执行 效率 比 以 前 的 处 理 方式 有 了 很 大 的 提高 。 

2. 母 版 页 与 内 容 页 介绍 


(1) 母 版 页 

母 版 页 是 一 个 扩展 名 为 .master (如 MyMaster.master) 的 ASPNET 页 ， 它 可 以 包含 静态 布局 。 母 版 
页 由 特殊 的 @Master 指令 识别 ， 该 指令 的 使 用 使 母 版 页 有 别 于 内 容 页 (关于 内 容 页 下 文 将 讲 到 ) ， 且 
每 个 .master 文件 只 能 包含 一 条 @ Master 指令 。 


明 母 版 页 其 实 是 一 种 特殊 的 ASPNET 用 户 控件 。 这 是 因为 母 版 页 文件 被 编译 成 一 个 派生 于 
MasterPage 类 的 类 ， 而 MasterPage 类 又 继承 自 UserControl 类 。 


@Master 指令 支持 几 个 属性 ， 然 而 它 的 大 多 数 属性 都 与 @Page 指令 的 属性 相同 。 表 6.7 详细 描述 
了 对 母 版 页 有 特殊 含义 的 属性 。 


表 6.7 @Master 指令 的 属性 


庆 法 说 明 
leat 指定 为 生成 母 版 页 而 创建 的 类 的 名 称 。 该 值 可 以 是 任何 一 个 有 效 的 类 名 ， 但 不 用 包括 命名 空间 。 默 
Pe 认 情 况 下 ，simple.master 的 类 名 是 ASP.simple_master 
CodeFile 指明 包含 与 母 版 页 关联 的 任何 源 代码 文件 的 URL 
Inherits 指定 母 版 页 要 继承 的 代码 隐藏 类 。 这 可 以 是 任何 一 个 派生 于 MasterPage 的 类 
.| 指定 该 母 版 页 引用 的 母 版 页 的 名 称 。 通 过 使 用 网 页 用 来 引用 一 个 母 版 页 的 相同 方法 ， 一 个 母 版 页 可 
MasterPageFile 


以 引用 另 一 个 母 版 页 。 如 果 设 置 了 该 属性 ， 则 会 得 到 一 个 嵌 套 的 母 版 页 
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除了 开头 的 @Master 指令 和 一 个 或 多 个 ContentPlaceHolder 服务 器 控件 外 ， 母 版 页 类 似 于 普通 的 
ASP.NET 页 。ContentPlaceHolder 服务 器 控件 在 母 版 页 中 定义 一 个 可 以 在 派生 页 中 进行 定制 的 区 域 。 


MN’ 
< 注意 onionpiocoroder 服务 器 控件 只 能 在 母 版 页 中 使 用 。 如 果 在 平常 的 Web 网 页 中 发 现 这 样 
一 个 控件 ， 则 会 发 生 一 个 解析 器 错误 。 


(2) 内 容 页 

内 容 页 与 普通 页 基本 相同 。 内 容 页 主要 包含 页 面 中 的 非 公共 内 容 ， 每 个 内 容 页 定义 一 个 特定 的 
ASP.NET 页 上 每 个 区 域 的 内 容 。 通 过 创建 各 个 内 容 页 来 定义 母 版 页 的 占 位 符 控件 的 内 容 ， 这 些 内 容 页 
为 绑 定 到 特定 母 版 页 的 ASPNET 页 (.aspx 文件 以 及 可 选 的 代码 隐藏 文件 ) 。 内 容 页 的 关键 部 分 是 
Content 控件 ， 它 是 其 他 控件 的 容器 。Content 控件 只 能 与 对 应 的 ContentPalceHolder 控件 结合 使 用 ， 它 
不 是 一 个 独立 的 控件 。 


全 内 容 页 ( 即 绑 定 到 一 个 母 版 页 的 网 页 ) 是 一 种 特殊 的 网 页 类 型 ， 它 只 能 包含 <asp:Content> 
控件 。 另 外 ， 它 不 允许 在 <asp:Content> 控 件 外 部 提供 服务 器 控件 。 


3. 母 版 页 的 配置 


在 ASP.NET 中 ， 母 版 页 的 配置 有 3 种 级 别 ， 即 页 面 指令 级 、 应 用 程序 级 和 文件 夹 级 。 
(1) 页 面 指令 级 

内 容 页 通过 @Page 指令 的 MasterPageFile 属性 绑 定 到 母 版 页 ， 代 码 如 下 : 

<%@ Page Language="C#" MasterPageFile="MasterPage.master"%> 


(2) 应 用 程序 级 
应 用 程序 级 绑 定 可 以 指定 应 用 程序 中 的 所 有 网 页 绑 定 到 相同 的 母 版 页 。 通 过 设置 主要 的 
Web.config 配置 文件 的 <Pages> 元 素 的 Master 属性 ， 配 置 这 种 行为 的 代码 如 下 : 


<configuration> 
<system.Web> 
<pages master="MasterPage.master"> 
</system.Web> 
</configuration> 


(3) 文件 夹 级 
类 似 于 应 用 程序 级 的 绑 定 ， 不 同 的 是 只 需 在 一 个 文件 夹 的 Web.config 文件 中 进行 设置 ， 然 后 母 版 
页 绑 定 便 会 应 用 于 该 文件 夹 中 的 全 部 ASPNET 页 。 


4. 创建 母 版 页 


在 ASPNET 中 ， 除 了 有 具有 辨识 意义 的 @Master 指令 外 ， 母 版 页 与 标准 的 ASP.NET 页 基本 类 似 ， 
唯一 的 重要 区 别 即 ContentPlaceHolder 服务 器 控件 。 但 母 版 页 中 包含 的 是 页 面 的 公共 部 分 ， 因此 在 创建 
母 版 页 之 前 ， 必 须 判断 哪些 内 容 是 页 面 的 公共 部 分 。 

使 用 Visual Studio 2017 创建 母 版 页 ， 有 具体 操作 步 又 如 下 : 


辐 
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(1) 打开 Visual Stuido 2017， 新 建 一 个 ASPNET 页 ， 编 程 语 言 采用 C#。 

(2) 在 网 站 的 解决 方案 下 右 击 网 站 名 称 ， 在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 

(3) 在 打开 的 “添加 新 项 ”对 话 框 中 选择 “ 母 版 页 ” 选项， 默认 名 为 MasterPage master。 单 击 “ 添 
加 ”按钮 ， 即 可 创建 一 个 新 的 母 版 页 ， 如 图 6.22 所 示 。 


十 二 下 ea] 
EE 对 司 上 EC 
Visual Basic [| Veua cr * SB Voualcs 
| Web teen 
| 上 联 
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中 
中 
CN [四 兰 代 三 季 和 在意 季 的 文件 局 ) 
OD msewrO 
[Er 
图 6.22 “添加 新 项 ”对 话 框 
5. 创建 内 容 页 


在 创建 完 母 版 页 之 后 ， 接 下 来 创建 内 容 页 。 内 容 页 的 创建 与 母 版 页 的 创建 类 似 ， 其 创建 步 又 如 下 : 
(1) 在 网 站 的 解决 方案 下 右 击 网 站 名 称 ， 在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 
(2) 在 打开 的 “添加 新 项 ”对 话 框 中 选择 “Web 窗 体 ” 选 项 ， 并 为 其 命名 ， 同 时 选中 “将 代码 放 
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图 6.23 创建 内 容 页 


(3) 单 击 “ 添 加 ”按钮 ， 弹 出 如 图 6.24 所 示 的 “选择 母 版 页 ”对 话 框 ， 在 其 中 选择 一 个 母 版 页 ， 
单 击 “ 确 定 ” 按 钮 ， 即 可 创建 一 个 新 的 内 容 页 。 


他 
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“远近 页 2 


| 国 UserControl 


Cw | ww 
图 6.24 “选择 母 版 页 ”对 话 框 


MN 

< 注意 “加 内容 页 中 可 以 有 多 个 Content 服务 器 控件 ， 但 内 容 页 里 的 Content 服务 器 控件 
的 ContentPlaceHolderID 属性 值 必须 与 母 版 页 中 的 ContentPlaceHolder 服务 器 控件 的 ID 
属性 匹配 。 
人 @ 由 于 母 版 页 里 定义 了 页 面 的 标题 title 元 素 ， 不 同 的 内 容 页 显示 的 标题 可 能 不 同 ， 
此 时 需要 在 内 容 页 中 设置 页 面 的 标题 ， 可 以 通过 设置 页 面 指令 的 Title 属性 定义 。 
回 和 母 版 页 一 样 , Visual Studio 2017 支持 对 于 内 容 页 的 可 视 化 编辑 ,并 且 这 种 支持 是 
建立 在 只 读 显示 母 版 页 内 容 基础 上 的 。 在 编辑 状态 下 ,可 以 查看 母 版 页 和 内 容 页 组 合 
后 的 页 面 外 观 ， 但 是 ， 母 版 页 内 容 是 只 读 的 (呈现 灰色 部 分 )， 不 可 被 编辑 ， 而 内 容 
页 则 可 以 进行 编辑 ， 如 果 需 要 修改 母 版 页 内 容 ， 则 必须 打开 母 版 页 。 


6.5.3 ”网 站 主页 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb_LeaguerInfo 
1. 设计 步骤 


(1) 在 网 站 的 根 目 录 下 新 建 一 个 Web 窗 体 ， 默 认 名 称 为 Defaultaspx， 并 且 将 其 作为 
MasterPage.master 母 版 页 的 内 容 页 ，Default.aspx 主要 用 于 网 站 的 主页 。 

(2) 在 Web 窗 体 的 Content 区 域 添加 通过 使 用 bootstrap 实现 页 面 的 布局 。 

(3) 在 Web 窗 体 的 Content 区 域内 添加 6 个 DataList 数据 服务 器 控件 ， 主 要 用 于 显示 各 种 类 型 的 
部 分 供求 信息 。 

(4) 在 添加 的 6 个 DataList 数据 服务 器 控件 中 分 别 添加 一 个 Table， 用 于 DataList 控件 的 布局 ， 
并 绑 定 相应 的 数据 。 在 ASPX 页 中 实现 绑 定 代码 如 下 : 


倒 程 18 代码 位 置 ， 资源 包 \TM\O06\SIS\SIS\Default.aspx 
<ltemTemplate> 
<table align="center" cellpadding="0" cellspacing="0" width="266"> 


_ 国 
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<tr> 
<td> 
<span class="hong" style="color: #000000"> 
<span> 『 <%#DataBinder.Eval(Container.Dataltem,"type") %>」</span> 
-<a class="huise" href="#" 
onclick="SetlID(<%#DataBinder.Eval(Container.Dataltem, "id") %>)" data-toggle="modal" 
data-target="#showLeaguer"><%#DataBinder.Eval(Container.Dataltem, "title") %></a></span></td> 
</tr> 
<tr style="color: #000000"> 
<td> 
<img height="1" src="images/line.gif" width="266" /></td> 
</tr> 
</table> 
</ltemTemplate> 


2. 实现 代码 
在 主页 Web 窗 体 的 加 载 事件 中 将 各 种 类 型 的 部 分 供求 信息 绑 定 到 DataList 控件 。 实 现代 码 如 下 : 
倒 程 19 代码 位 置 ， 资源 包 \TMWG\SIS\SIS\Defaultaspx.cs 


Operation operation = new Operation(); /声明 网 站 业务 类 对 象 
protected void Page_Load(object sender, EventArgs e) 


@ if (!lsPostBack) / 川 sPostBack 避免 重复 刷新 加 载 页 面 


{ 

/获取 前 6 条 分 类 供求 信息 

[2 dlZP.DataSource = operation.SelectLeaguerlnfoltrue, "招聘 信息 ", 6); 
dlZP.DataBind(); 
dlPX.DataSource = operation.SelectLeaguerlnfo(true, "培训 信息 ", 6); 
dlIPX.DataBind(); 
dIGY.DataSource = operation.SelectLeaguerlnfo(true, "公寓 信息 ", 6); 
dIGY.DataBind(); 
dlJJ.DataSource = operation.SelectLeaguerlnfo(true, "家 教 信息 ", 6); 
dlJJ.DataBind(); 
dlIWPQG.DataSource = operation.SelectLeaguerlnfoltrue, "物品 求购 ", 6); 
dIWPQG.DataBind(); 
dlWPCS.DataSource = operation.SelectLeaguerlnfoltrue, "物品 出 售 ", 6); 
dlWPCS.DataBind(); 
dlQDCD.DataSource = operation.SelectLeaguerlnfo(true, " 求 兑 出 兑 ", 6); 
dIQDCD.DataBind(); 
dICL.DataSource = operation.SelectLeaguerinfo(true, "车 辆 信息 ", 6); 
dlICL.DataBind(); 

} 
} 
Ah 代码 贴 二 


@ Page.IsPostBack 属性 : 获取 一 个 值 ， 该 值 指示 该 页 是 否 正 为 响应 客户 端 回 发 而 加 载 ， 或 者 它 是 否 正 被 首次 加 载 和 
访问 。 如 果 是 为 响应 客户 端 回 发 而 加 载 该 页 ， 则 为 true; 否则 为 false。 

@ SelectLeaguerInfo 方法 : 自 定 义 业务 层 类 中 的 方法 ,用 于 查询 同类 型 收费 到 期 和 未 到 期 供求 信息 (前 NN 条 信息 ) ， 
True 显示 过 期 信息 ，False 显示 未 过 期 信息 。 


@ 
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于 
中 


6.6 ”网 站 招聘 信息 页 设计 〔 衣 


视频 讲解 | 


6.6.1 网 站 招聘 信息 页 概述 


网 站 招聘 信息 页 属于 供求 信息 网 的 子 页 ， 主 要 显示 企 事业 单位 的 招聘 信息 。 根 据 企 业 的 实际 情况 
和 网 站 的 自身 发 展 ， 招 聘 信息 页 主要 分 上 、 下 两 部 分 显示 招聘 。 其 中 ， 上 半 部 分 显示 收费 招聘 信息 ， 
下 半 部 分 显示 免费 招聘 信息 ， 如 图 6.25 所 示 。 


ABCGCDE 


ZS JEAS.-- 
明 自 松 校 青 你 说 最 正宗 的 英语 日 语 -报名 电话 寺 88?*7532 


图 6.25 招聘 信息 页 


WN 
注意 局 于 类 他 供 末 信息 于 页 的 实现 方法 与 本 页 完全 相同 ， 林 率 只 讲解 招聘 信息 页 。 


6.6.2 ”网 站 招聘 信息 页 技术 分 析 


为 了 满足 招聘 信息 特殊 格式 的 显示 ,DataList 数据 表格 控件 具有 自 定义 布局 显示 方式 , 但 其 不 具备 
GridView 数据 表格 控件 灵活 的 分 页 功能 ， 而 是 需要 程序 开发 人 员 使 用 PagedDataSource 类 来 完成 分 页 
功能 。 技 术 的 详细 实现 介绍 如 下 。 

1. DataList 控件 的 使 用 


DataList Web 服务 器 控件 通过 自 定义 的 格式 显示 数据 库 行 的 信息 。 显 示 数 据 的 格式 在 创建 的 模板 
中 定义 , 可 以 为 项 交替 项 、 选 定 项 和 编辑 项 创建 模板 ; 标 头 、 脚注 和 分 隔 符 模板 也 用 于 自 定 义 DataList 


的 整体 外 观 。 
@ 
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开发 用 到 的 DataList 控件 属性 及 说 明 如 表 6.8 所 示 。 
表 6.8 DataList 控件 属性 及 说 明 


属 性 说 明 
DataKeyField 获取 或 设置 由 DataSource 属性 指定 的 数据 源 中 的 键 字段 
DataKeys 获取 DataKeyCollection 对 象 ， 该 对 象 存储 数据 列表 控件 中 每 个 记录 的 键 值 
DataSource 获取 或 设置 源 ， 该 源 包 含 用 于 填充 控件 中 项 的 值 列表 
EditItemIndex 获取 或 设置 DataList 控件 中 要 编辑 的 选 定 项 的 索引 号 
Items 获取 表示 控件 内 单独 项 的 DataListItem 对 象 的 集合 
ItemTemplate 获取 或 设置 DataList 控件 中 项 的 模板 
RepeatColumns 获取 或 设置 要 在 DataList 控件 中 显示 的 列 数 
RepeatDirection 获取 或 设置 DataList 控件 是 垂直 显示 还 是 水 平 显 示 
SelectedIndex 获取 或 设置 DataList 控件 中 选 定 项 的 索引 
SelectedItem 获取 DataList 控件 中 的 选 定 项 
SelectedItemTemplate 获取 或 设置 DataList 控件 中 选 定 项 的 模板 
SelectedValue 获取 所 选择 的 数据 列表 项 的 键 字段 的 值 


2. PagedDataSource 类 的 使 用 


PagedDataSource 类 封装 那些 允许 数据 表格 控件 (如 DataList 控件 ) 执行 分 页 操作 的 属性 。 如 果 控 
件 开发 人 员 需 对 自 定 义 数 据 绑 定 控件 提供 分 页 支持 ， 即 可 使 用 此 类 。 
开发 用 到 的 PagedDataSource 类 的 属性 及 说 明 如 表 6.9 所 示 。 


表 6.9 PagedDataSource 类 的 属性 及 说 明 


名 称 说 明 
AllowCustomPaging 获取 或 设置 一 个 值 ， 指 示 是 否 在 数据 绑 定 控件 中 启用 自 定义 分 页 
AllowPaging 获取 或 设置 一 个 值 ， 指 示 是 否 在 数据 绑 定 控件 中 启用 分 页 
AllowServerPaging 获取 或 设置 一 个 值 ， 指 示 是 否 启 用 服务 器 端 分 页 
Count 获取 要 从 数据 源 使 用 的 项 数 
CurrentPageIndex 获取 或 设置 当前 页 的 索引 
DataSource 获取 或 设置 数据 源 
FirstIndexInPage 获取 页 面 中 显示 的 首 条 记录 的 索引 
IsCustomPagingEnabled 获取 一 个 值 ， 该 值 指示 是 否 启 用 自 定义 分 页 
IsFirstPage 获取 一 个 值 ， 该 值 指示 当前 页 是 不 是 首页 
IsLastPage 获取 一 个 值 ， 该 值 指 示 当 前 页 是 不 是 最 后 一 页 
IsPagingEnabled 获取 一 个 值 ， 该 值 指示 是 否 启用 分 页 
IsSynchronized 获取 一 个 值 ， 该 值 指示 是 否 同 步 对 数据 源 的 访问 《线程 安全 ) 
PageCount 获取 显示 数据 源 中 的 所 有 项 所 需要 的 总 页 数 
PageSize 获取 或 设置 要 在 单 页 上 显示 的 项 数 


@ 
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3. DataList 控件 的 分 页 实现 


根据 上 面 的 介绍 读者 已 经 对 DataList 控件 和 PagedDataSource 类 有 了 一 定 的 认识 ， 接 下 来 给 出 
DataList 控件 实现 分 页 功能 的 关键 代码 。 代 码 如 下 : 


public PagedDataSource PageDataListBind(string infoType, string infoKey, int currentPage,int PageSize) 
和 
PagedDataSource pds = new PagedDataSource(); 
pds.DataSource = SelectInfo(infoType, infoKey).Tables[0].DefaultView; /将 查询 结果 绑 定 到 分 页 数据 源 上 


pds.AllowPaging = true; /允许 分 页 
pds.PageSize = PageSize; // 设 置 每 页 显示 的 页 数 
pds.CurrentPagelndex = currentPage - 1; // 设 置 当前 页 
return pds; 
} 
分 页 代码 完成 后 ， 需 要 绑 定 DataList 控件 。 代 码 如 下 : 
dlFree.DataSource = pds; // 绑 定数 据 源 
dlIFree.DataKeyField = "id"; 
dlFree.DataBind(); 


上 面 只 给 出 分 页 功能 的 关键 设置 。 关 于 DataList 控件 的 翻 页 设置 ， 可 参见 1.6.3 节 。 
6.6.3 ”网 站 招聘 信息 页 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb info 
1. 设计 步骤 


(1) 在 网 站 的 根 目录 下 创建 ShowPag 文件 夹 ， 用 于 存放 显示 分 类 信息 Web 窗 体 。 

(2) 在 ShowPag 文件 夹 中 新 建 一 个 Web 窗 体 ， 命 名 为 webZP.aspx， 并 且 将 其 作为 MasterPage 
-master 母 版 页 的 内 容 页 。webZP.aspx 主要 用 于 网 站 的 招聘 信息 页 。 

(3) 在 Web 窗 体 的 Content 区 域 通过 使 用 bootstrap 实现 页 面 的 布局 。 

(4) 在 Web 窗 体 的 Content 区 域内 添加 两 个 DataList 服务 器 控件 ， 主 要 用 于 显示 各 种 类 型 的 部 分 
供求 信息 。 

(5) 在 Web 窗 体 的 Content 区 域 的 bootstrap 中 最 后 一 行 div 内 添加 4 个 LinkButton 服务 器 控件 ， 
主要 用 于 翻 页 的 操作 (第 一 页 、 上 一 页 、 下 一 页 、 末 一 页 ) 。 

(6) 在 Web 窗 体 的 Content 区 域 的 bootstrap 中 最 后 一 行 div 内 添加 两 个 Label 服务 器 控件 ， 主 要 
用 于 实现 分 页 的 总 页 数 和 当前 页 码 。 

(7) 在 添加 的 DataList 服务 器 控件 中 分 别 添加 一 个 Table， 用 于 DataList 服务 器 控件 的 列表 布局 ， 
然后 通过 P 标签 布局 文字 显示 位 置 ， 最 后 绑 定 相应 的 数据 。DataList 服务 器 控件 ItemTemplate 模板 中 


实现 绑 定 代码 如 下 : 
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倒 程 20 ”代码 位 置 : 资源 包 \TM\06\SIS\SIS\ShowPage\webZP.aspx 
AM 
注意 二 加 而 修 DataList 服务 器 控件 入 定 设置 完全 相同 。 


<ltemTemplate> 
<table align="center" cellpadding="0" cellspacing="0" width="800"> 
<tr> 
<td> 
<p> 
<span class="hongcu"> 『 <%# DataBinder.Eval(Container.Dataltem,"type") %> J 
</span> 
<span class="chengse"><%# DataBinder.Eval(Container.Dataltem,"title") %></span> 
<span 
class="huise1"><%#DataBinder.Eval(Container.Dataltem,"date") %></span> 
</p> 
<p class="custom-content-p"> 
<span class="shenlan"><%#DataBinder.Eval(Container.Dataltem,"info") %></span> 
<p/> 
<p class="custom-content-p"> 
<span class="chengse"> 
联系 人 : <%#DataBinder.Eval(Container.Dataltem,"linkMan") %> 
联系 电话 : <%#DataBinder.Eval(Container.Dataltem,"tel") %> 
</span> 
<p/> 
</td> 
</tr> 
<tr style="color: #000000"> 
<td><img height="1" src="images/longline.gif" width="525" /></td> 
</tr> 
<tr style="color: #000000"> 
<td height="10"></td> 
</tr> 
</table> 
</ltemTemplate> 


2. 实现 代码 


声明 全 局 静态 变量 和 类 对 象 ， 用 途 参见 代码 中 注释 部 分 。 在 页 面 的 加 载 事 件 中 主要 实现 的 功能 : 
获取 查询 关键 字 信息 ， 调 用 自 定义 方法 DataListBind 实现 免费 招聘 信息 分 页 显示 ， 显 示 未 过 期 的 收费 
招聘 信息 。 实 现代 码 如 下 : 

倒 程 21 代码 位 置 : 资源 包 \TM\06\SIS\SIS\ShowPage\webZP.aspx.cs 


Operation operation = new Operation(); /声明 业务 层 类 对 象 
static string infoType = ™"; /声明 供求 信息 类 型 对 象 
static string infoKey = ™; /声明 查询 信息 关键 字 
static PagedDataSource pds = new PagedDataSource(); /声明 页 数据 源 
protected void Page_Load(object sender, EventArgs e) 

{ 


if (llsPostBack) 
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infoType = "招聘 信息 "; 

/WinfoKey 是 指 用 户 快速 检索 ， 如 果 值 为 空 ， 显 示 所 有 招聘 供求 信息 ， 否 则 显示 查询 内 容 
infoKey = Convert.ToString(Session["key"]); 

this.DataListBind(); 

/显示 未 过 期 收费 信息 

diCharge.DataSource = operation.SelectLeaguerlnfoltrue, infoType); 
diCharge.DataBind(); 


} 


自 定义 DataListBind 方法 主要 用 于 实现 DataList 控件 (分 页 显示 免费 供求 信息 ) 绑 定 及 分 页 功能 。 
实现 代码 如 下 : 


倒 程 22 代码 位 置 ， 资源 包 \TM\06\SIS\SIS\ShowPage\webZP.aspx.cs 


/<summary> 

/将 数据 绑 定 到 DataList 控件 ， 并 且 实 现 分 页 功能 

li</summary> 

public void DataListBind() 

{ 

@ pds= operation.PageDataListBind(infoType, infoKey, Convert.Tolnt32(IblCurrentPage.Text), 10); 
InkBtnFirst.Enabled = true;”// 将 实现 翻 页 功能 的 LinkButton 控件 Enabled 属性 设置 为 rue (可 以 翻 页 ) 
InkBtnLast.Enabled = true; 

InkBtnNext.Enabled = true; 
InkBtnPrevious.Enabled = true; 
if (lblCurrentPage. Text == "1") // 如 果 当 前 显示 第 一 页 ，“ 第 一 页 ”和 “上 一 页 ”按钮 不 可 用 


InkBtnPrevious.Enabled = false; 
InkBtnFirst.Enabled = false; 


} 
// 如 果 显 示 最 后 一 页 ，“ 末 一 页 ”和 “下 一 页 ”按钮 不 可 用 
@ ifl(lblCurrentPage.Text == pds.PageCount.ToString()) 


InkBtnNext.Enabled = false; 
InkBtnLast.Enabled = false; 


} 
IblSumPage.Text = pds.PageCount.ToString(); // 实 现 总 页 数 
dlFree.DataSource = pds; // 绑 定数 据 源 
dlFree.DataKeyField = "id"; 
dlFree.DataBind(); 
} 
< 代码 贴 二 


@ PageDataListBind 方法 : 绑 定 DataList 控件 ， 并 且 设置 分 页 。 
@ PagedDataSource.PageCount 属性 : 获取 显示 数据 源 中 的 所 有 项 所 需要 的 总 页 数 。 
单 击 “ 第 一 页 ”LinkButton 控件 ， 主 要 将 DataList 控件 显示 的 免费 招聘 信息 跳 转 到 第 一 页 。 实 现 
代码 如 下 : 
倒 程 23 ”代码 位 置 : 资源 包 \TM\06\SIS\SIS\ShowPage\webZP.aspx.cs 


protected void InkBtnFirst_Click(object sender, EventArgs e) 
站 


加 
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IblCurrentPage.Text = "1"; /人 第 一 页 
DataListBind(); 


OC 


单 击 “ 上 一 页 ”LinkButton 控件 ， 主 要 将 DataList 控件 显示 的 免费 招聘 信息 跳 转 到 上 一 页 。 


代码 如 下 : 


倒 程 24 ”代码 位 置 ， 资源 包 \TM\0G\SIS\SIS\ShowPage\webZP.Aspx.cs 


protected void InkBtnPrevious_Click(object sender, EventArgs e) 


IlblCurrentPage.Text = (Convert.Tolnt32(IblCurrentPage.Text) - 1).ToString(); /上 一 页 
DataListBind(); 


} ee 


单 击 “ 下 一 页 ”LinkButton 控件 ， 主 要 将 DataList 控件 显示 的 免费 招聘 信息 跳 转 到 下 一 页 。 实 现 


代码 如 下 : 
倒 程 25 代码 位 置 ， 资源 包 \TM\06\SIS\SIS\ShowPage\webZP.Aspx.cs 


protected void InkBtnNext_Click(object sender, EventArgs e) 


lblCurrentPage. Text = (Convert.Tolnt32(IblCurrentPage.Text) + 1).ToString(); /下 一 页 
DataListBind(); 


单 击 “ 末 一 页 ”LinkButton 控件 ， 主 要 将 DataList 控件 显示 的 免费 招聘 信息 跳 转 到 最 后 一 页 。 实 


现代 码 如 下 : 
倒 程 26 ”代码 位 置 : 资源 包 \TM\06\SIS\SIS\ShowPage\webZP.Aspx.cs 


protected void InkBtnLast_Click(object sender, EventArgs e) // 末 一 页 
‘ 


IblCurrentPage. Text = lblSumPage. Text; 
DataListBind(); 


6.7 免费 供求 信息 发 布 页 设计 (前 台 ) 


6.7.1 免费 供求 信息 发 布 页 概述 


免费 供求 信息 发 布 页 针对 的 对 象 为 供求 信息 用 户 ， 是 供求 信息 网 站 非常 重要 的 功能 ， 也 是 供求 信 
息 网 站 的 核心 功能 。 免 费 供求 信息 发 布 页 如 图 6.26 所 示 。 用 户 可 以 根据 自身 需要 将 供求 信息 发 布 到 相 
应 的 信息 类 别 中 《〈 共 包括 11 个 信息 类 别 : 招聘 信息 、 求 职 信息 、 培 训 信息 、 公 寓 信 息 、 家 教 信息 、 车 
辆 信息 、 物 品 求购 、 物 品 出 售 、 求 兑 出 竞 、 寻 求 合 作 、 企 业 广 告 》。 供 求 信 息 成 功 发 布 后 ， 管 理 员 需 要 


在 后 台 对 发 布 的 供求 信息 进行 审核 ， 如 果 审 核 通过 ， 则 显示 在 相应 的 信息 类 别 网 页 中 。 


@ 
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招聘 信息 。 四 


昌 信息 快速 搜索 
wr| | eg 
发 布 信息 


加 联系 我 们 


言 林 省 "科技 有 限 公司 

联系 地 址 ; "市 东 "大 街 亚 … 广 
场 时 2205 宣 

联系 电话 : 885"86 88""4275 
郎 政 输 码 : 1"000 


图 6.26 免费 供求 信息 发 布 页 
6.7.2 免费 供求 信息 发 布 页 技术 分 析 


当 用 户 发 布 供求 信息 时 ， 需 要 通过 程序 进行 合法 数据 验证 ， 例 如 信息 标题 、 信 息 内 容 、 联 系 人 和 
联系 电话 为 必 填 项 及 联系 电话 必须 填写 规定 的 格式 。 如 果 供 求 信息 的 相关 内 容 为 空 ， 或 者 电话 号 码 错 
误 ， 那 么 将 无 法 联系 到 供 方 或 求 方 。 

1. RequiredFieldValidator 验证 控件 

RequiredFieldValidator 验证 控件 用 于 验证 文本 框 中 必须 输入 的 信息 , 即 不 能 为 空 。 本 程序 需要 使 用 
该 控件 来 验证 “发 布 供求 信息 ”的 相关 文本 框 不 能 为 空 。RequiredFieldValidator 验证 控件 常用 属性 及 说 
明 如 表 6.10 所 示 。 

表 6.10 ”RequiredFieldValidator 验证 控件 常用 属性 及 说 明 
说 明 
用 户 必 须 为 其 提供 值 的 控件 的 ID 
用 于 指定 在 用 户 跳 过 控件 时 显示 错误 的 文字 内 容 和 位 置 


属 性 
ControlToValidate 


ErrorMessage. Text. Display 
2. RegularExpressionValidator 验证 控件 


RegularExpressionValidator 验证 控件 又 称 正则 表达 式 验 证 控件 , 用 户 可 以 自 定义 或 书写 自己 的 验证 
表达 式 。 本 程序 主要 使 用 该 验证 控件 验证 电话 号 码 是 否 正确 。RegularExpressionValidator 验证 控件 的 常 


用 属性 及 说 明 如 表 6.11 所 示 。 
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表 6.11 RegularExpressionValidator 验证 控件 的 常用 属性 及 说 明 


属 性 说 有 明 
ControlToValidate 表示 要 进行 验证 的 控件 人 D 
ErrorMessage 表示 当 验 证 不 合法 时 ， 出 现 的 错误 信息 
Display 设置 错误 信息 的 提示 方式 


ValidationExpression 指定 的 正则 表达 式 


在 表 6.11 中 ， 需 要 注意 RegularExpressionValidator 验证 控件 的 ValidationExpression 属性 ， 主 要 用 
来 指定 使 用 的 正则 表达 式 。 正 则 表达 式 是 由 普通 字符 和 一 些 特殊 字符 组 成 的 字符 模式 。 常 用 的 正则 表 
达 式 字符 及 其 含义 如 表 6.12 所 示 。 

表 6.12 常用 的 正则 表达 式 字 符 及 其 含义 
正则 表达 式 字符 含 义 
Nie 匹配 括号 中 的 任何 一 个 字符 

匹配 不 在 括号 中 的 任何 一 个 字符 
匹配 任何 一 个 字符 (a~z、A~Z 和 0 一 9) 


WW 匹配 任何 一 个 空白 字符 
\s 匹配 任何 一 个 非 空白 字符 
\S 与 任何 非 单 词 字符 匹配 
\d 匹配 任何 一 个 数字 (0~9) 
D 匹配 任何 一 个 非 数字 〈^0 一 9) 
b 匹配 一 个 退 格 键 字 母 
nm 最 少 匹 配 前 面 表 达 式 n 次 ， 最 大 为 m 次 
n, 最 少 匹 配 前 面 表达 式 n 次 
n 恰好 匹配 前 面 表达 式 为 n 次 
? 匹配 前 面 表达 式 0 或 1 次 {0.1} 
至 少 匹 配 前 面 表达 式 1 次 {1. 
. 至 少 匹 配 前 面 表达 式 0 次 {0.} 
| 匹配 前 面 表达 式 或 后 面 表达 式 
人 在 单元 中 组 合 项 目 
和 匹配 字符 串 的 开头 
$ 匹配 字符 串 的 结尾 
出 匹配 字符 边界 
\B 匹配 非 字符 边界 的 某 个 位 置 


下 面 列举 几 个 常用 的 正则 表达 式 。 
(1) 验证 中 国 式 电话 号 码 〈 正 确 格式 : 区 号 可 以 是 3 位 或 4 位 ， 电 话 号 码 可 以 是 7 位 或 8 位 ) 


(CQdf3,4)Jld(3,.4j-)7 dt7,8} 
HW 


< 注意 RegularExpressionValidator 验证 控件 提供 的 验证 中 国 式 电话 号 码 已 经 不 适应 目前 的 格式 。 


@ 
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(2) 验证 电子 邮件 
VW+([L+J WwW+)@W+([CJ w+) \ Ww (JWw+)” 
或 
\S+@\S+\. \S+ 

(3) 验证 网 址 为 大 写 或 小 写字 母 


"HTTP:/AS+A\. \S+" 
"http:/AS+\. \S+" 


(4) 验证 邮政 编码 (正确 格式 为 6 位 数字 ) 
\d{6} 

(5) 其 他 

@ 表示 0 一 9 十 个 数字 。 

[0-9] 

@ 表示 任意 个 数字 。 

\d* 

@ 表示 中 国 大 陆 的 固定 电话 号 码 。 
\d{3,4}\d{7,8} 

@ 验证 由 两 位 数字 、 一 个 连 字符 再 加 5 位 数字 组 成 的 ID 号 。 
\d{2}-\d{5} 

@@ 匹配 HIML 标记 。 
<\s*(\S+)(s[>]*)?>Ns\S]*<\s*V\Ns*> 


6.7.3 ”免费 供求 信息 发 布 页 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb_info。 
1. 设计 步骤 


(1) 在 网 站 的 根 目录 下 新 建 一 个 Web 窗 体 , 命名 为 InfoAdd.aspx, 并 且 将 其 作为 MasterPage.master 


母 版 页 的 内 容 页 。InfoAdd.aspx 主要 用 于 网 站 的 免费 供求 信息 发 布 。 


(2) 在 Web 窗 体 的 Content 区 域 通过 使 用 bootstrap 实现 页 面 的 布局 。 


(3) 在 Web 窗 体 的 Content 区 域 bootstrap 布局 标签 内 添加 一 个 DropDownList 和 4 个 TextBox 服 


务 器 控件 ， 主 要 用 于 选择 供求 信息 类 型 和 输入 供求 信息 的 标题 、 内 容 、 联 系 电话 、 联 系 人 。 


(4) 在 Web 窗 体 的 Content 


区 域 中 添加 一 个 RegularExpressionValidator 和 4 个 RequiredField 


_ 国 
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Validator 验证 控件 ， 主 要 用 于 验证 电话 号 码 的 输入 格式 和 输入 供求 信息 不 能 为 空 。 
(5) 在 Web 窗 体 的 Content 区 域 中 添加 一 个 ImageButton 控件 ， 用 于 发 布 供求 信息 。 
2. 实现 代码 
单 击 “发 布 信息 ”按钮 ， 信 息 经 验证 无 误 后 方 可 添加 到 数据 库 中 。 实 现代 码 如 下 : 


倒 程 28 ”代码 位 置 ; 资源 包 \TM\06\SIS\SIS\InfoAdd.aspx.cs 


Operation operation = new Operation();”// 声 明 业 务 层 类 对 象 
protected void imgBtnAdd_Click(object sender, ImageClickEventArgs e) 


operation.Insertinfo(DropDownList1. Text, txtTitle. Text.Trim(), txtinfo. Text. Trim(), txtLink Man.Text.Trim(), 


txtTel.Text. Trim()); 
WebMessageBox.Show(" 信 息 发 布 成 功 ! ", "Default.aspx"); 


6.8 网 站 后 台 主 页 设计 


6.8.1 网 站 后 台 主 页 概述 


程序 开发 人 员 在 设计 网 站 后 台 主 页 时 ， 主 要 是 从 后 台 管理 人 员 对 功能 的 易 操作 性 、 实 用 性 、 网 站 
的 易 维护 性 考虑 ， 与 网 站 的 前 台 相 比美 观 性 并 不 是 很 重要 。 供 求 信息 网 站 后 台 主 页 运行 效果 如 图 6.27 
所 示 。 


52 同 城 信息 网 6 
Bus 
Emm 
se 人 
ee CE 
FP] ee 
2 i 
rEg 


图 6.27 供求 信息 网 站 后 台 主 页 
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6.8.2 ”网 站 后 台 主页 技术 分 析 


在 开发 网 站 后 台 主 页 时 ， 经 常会 用 到 这 ame 框架 。 通 过 该 框架 将 网 站 中 各 部 分 独立 的 网 页 重新 组 
成 一 个 完整 的 网 页 ， 即 在 网 站 的 左边 选择 相关 功能 ， 而 在 右边 显示 功能 页 ， 如 上 图 6.27 所 示 。 


1. iframe 框架 概述 


fame 框架 ， 又 称 内 岩 框 架 。frame 框架 与 frame 框架 两 者 可 以 实现 的 功能 基本 相同 ， 不 过 这 ame 
框架 比 frame 框架 具有 更 多 的 灵活 性 。 

过 ame 框架 的 标记 为 <iframe> (又 叫 浮动 帧 标记 ), 可 以 用 它 将 一 个 HTML 文档 嵌入 在 一 个 HIML 
中 显示 。 它 和 <frame> 标 记 的 最 大 区 别 是 在 网 页 中 嵌入 的 <iframe></iftrame> 所 包含 的 内 容 与 整个 页 面 是 
一 个 整体 ， 而 <frame></frame> 所 包含 的 内 容 是 一 个 独立 的 个 体 ， 是 可 以 独立 显示 的 。 

设置 fame 框架 的 fiame 参数 的 代码 如 下 : 


< 注意 name 属性 的 设置 是 很 重要 的 ， 在 后 期 需要 使 用 name 属性 ， 将 子 页 显示 到 ifame 框架 中 。 
2. iframe 框架 的 应 用 


本 网 站 后 台 页 面 布局 规划 中 ， 页 面 的 左边 使 用 TreeView 控件 作为 菜单 导航 功能 ， 右 边 放 置 过 ame 
框架 ， 显 示 功 能 子 页 。 因 此 ， 要 在 相应 的 位 置 编写 过 ame 框架 的 代码 ， 并 且 设 置 其 ID、name 等 属性 。 
主要 代码 如 下 : 
<iframe id="iframe1" name="mainFrame" style="width: 802px; height: 596px" frameborder="0"> </iframe> 
过 ame 框架 的 代码 编写 完 后 ， 就 可 以 设置 TreeView 控件 的 相关 属性 ， 将 功能 子 页 显示 在 这 ame 框 
架 中 , 主要 设置 TreeView 控件 节点 的 NavigateUrl 属性 (节点 被 选中 时 定位 的 链接 ) 和 Target 属性 ( 节 
点 被 选中 时 使 用 的 定位 目标 ) 实现 ， 属 性 的 设置 如 图 6.28 所 示 。 
“TreeView 节点 篇 铝 器 E> 


|* 二 去 


图 6.28 TreeView 控件 节点 的 NavigateUrl 属性 和 Target 属性 


- 国 
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1. 设计 步骤 

(1) 新 建 一 个 Web 窗 体 ， 默 认 名 称 为 Defaultaspx， 主 要 用 于 网 站 后 台 首 页 的 设计 。 

(2) 在 Web 窗 体 中 通过 使 用 bootstrap 实现 页 面 的 布局 。 

(3) 在 Table 中 添加 一 个 TreeView 控件 , 在 节点 编辑 器 中 添加 相应 的 节点 和 子 节点 , 并 且 设 置 子 
节点 的 NavigateUrl 属性 主要 用 于 后 台 功 能 菜单 的 导航 。 

(4) 在 页 面 的 源 视图 中 的 相关 位 置 ， 添 加 这 ame 框架 代码 ， 用 于 显示 功能 子 页 。 代 码 如 下 : 

<iframe id="iframe1" name="mainFrame" style="width: 802px; height: 596px" frameborder="0"> </iframe> 

2. 实现 过 程 

在 页 面 的 加 载 事件 中 ， 主 要 实现 验证 用 户 是 否 通过 合理 的 程序 登录 ,非法 用 户 不 能 进入 网 站 后 台 。 
代码 如 下 : 

倒 程 28 ”代码 位 置 : 资源 包 \TM\06\SIS\SIS\BackGround\Default.aspx.cs 


protected void Page_Load(object sender, EventArgs e) 
{ 


tmy 
if (Session["UserName"] == null) 


WebMessageBox.Show(" 请 登录 后 方 可 进入 网 站 后 台 ! ", "../Login.aspx"); 
} 


3 
catch {} 


6.9 免费 供求 信息 审核 页 设计 (后 台 


免费 供求 信息 审核 页 概述 

任何 用 户 都 可 以 免费 发 布 供求 信息 ， 如 果 用 户 发 布 的 供求 信息 属于 不 道德 、 不 健康 以 及 违法 的 信 
息 ， 那 么 将 会 造成 不 可 估计 的 损失 。 所 以 后 台 管理 人 员 可 以 对 供求 信息 进行 审核 ， 审 核 通过 的 供求 信 
息 可 以 显示 在 分 类 相应 的 页 面 中 ， 否 则 ， 信 息 不 能 发 布 。 免 费 供求 信息 审核 页 如 图 6.29 所 示 。 
6.9.2 ”免费 供求 信息 审核 页 技术 分 析 


在 免费 供求 信息 审核 页 中 ， 主 要 用 到 了 bootstrap 的 表格 样式 布局 表格 中 应 用 的 3 个 典型 功能 ， 在 
此 对 其 进行 技术 分 析 。 表 格 中 3 个 典型 功能 的 应 用 如 下 : 


@ 
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图 6.29 免费 供求 信息 审核 页 


1. 将 0 和 1 替换 为 未 审核 和 已 审核 状态 类 型 

由 于 在 数据 库 中 审核 和 未 审核 的 供求 信息 是 用 数字 表示 (0 表示 未 审核 ，1 表示 已 经 通过 审核 ) ， 
但 在 显示 时 不 能 显示 为 0 或 者 1， 要 使 软件 达到 人 性 化 效果 ， 必 须 将 其 转换 成 相应 的 汉字 。 

2. 定义 表格 数据 操作 按钮 功能 

表格 中 的 每 一 行 数据 都 应 该 有 相应 的 操作 功能 ， 例 如 ， 查 看 详细 数据 用 于 呈现 表格 中 未 能 显示 的 
数据 ， 以 及 审核 该 条 数据 的 控制 按钮 。 

3. 表格 中 高 亮 显 示 行 

如 果 表格 显示 的 数据 行 数 在 3 行 或 5 行 之 内 ， 可 以 不 用 高 亮 显示 行 功能 ， 如 果 数 据 量 很 大 ， 行 数 
在 10 或 20 行 以 上 ， 时 间 长 了 用 户 很 容易 看 串 行 ， 则 需要 使 用 高 亮 显示 行 。 高 亮 显示 行 是 当 鼠 标 移动 
到 某 行 时 ， 该 行 显示 特殊 颜色 ， 移 开 后 颜色 恢复 。 该 功能 已 经 集成 在 bootstrap 框架 表格 样式 中 ， 如 
图 6.30 所 示 。 


其 {页 委身 上 -页 下 -页 


图 6.30 高 亮 显示 行 
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实现 代码 如 下 : 
倒 程 29 ”代码 位 置 : 资源 包 \TM\06\SIS\SIS\BackGround\CheckInfo.aspx 


<table class="table table-hover"> 
<thead><tr><th>ID</th><th> 标 题 </th><th> 联 系 人 </th><th> 电 话 </th><th> 审 核 状态 </th><th> 操 作 


</th></tr></thead> 
<tbody> 
<% 
if (drs != null) 
{ 
foreach (System.Data.DataRow dr in drs) 
%> 
<tr> 
<td><%=dr["id"] %></td> 
<td><%=dr["title"] %></td> 
<td><%=dr["LinkMan"] %></td> 
<td><%=dr["tel"] %></td> 


<td><%=dr["checkState"].ToString()=="True"?"<font color='green'> 已 审核 
</font>":"<font color='red'> 未 审核 </font>" %></td> 
<td> 
<input type="submit" value=" 查 看 详细 " class="btn btn-default" 
onclick="setOpear(<%=dr["id"]%>)"/> 
<input type="submit" value=" 通 过 /取消 " class="btn btn-default" 
onclick="setOpear(<%=dr["id"]%>,'<%=dr["checkState"] %>")"/> 
</td> 


</tr> 
<% 
} 
} 
%> 
</tbody> 


</table> 
6.9.3 ”免费 供求 信息 审核 页 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb info。 
1. 设计 步骤 
(1) 在 网 站 的 根 目录 下 创建 BackGround 文件 来， 用 于 存放 网 站 后 台 管理 Web 窗 体 。 
(2) 在 BackGround 文件 夹 中 新 建 一 个 Web 窗 体 ， 命 名 为 CheckInfo.aspx， 主 要 用 于 免费 供求 信 
息 的 审核 。 
(3) 在 Web 窗 体 中 通过 使 用 bootstrap 框架 的 container div 容器 实现 页 面 的 布局 。 
(4) 在 div 容器 下 添加 table 表格 并 指定 样式 为 table table-hover。 
(5) 表格 定义 完成 之 后 ， 需 要 在 后 台 定 义 DataRowCollection 类 型 的 全 局 变量 用 于 绑 定 页 面 数据 ， 
注意 ， 全 局 变量 必须 声明 为 protected、internal 或 public 三 种 访问 级 别 的 一 种 ， 才 能 够 在 页 面 上 进行 
访问 。 


@ 
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2. 实现 代码 
页 面 默 认 数 据 列表 的 加 载 以 及 操作 控件 的 相关 处 理 逻 辑 被 定义 在 了 Page_Load 方法 中 。 值 得 注意 
的 是 ， 供 求 信息 网 所 有 分 类 供求 信息 审核 都 是 在 CheckInfo.aspx 页 面 实现 的 。 页 面 的 加 载 事件 中 实现 
代码 如 下 : 
倒 程 30 代码 位 置 ， 资源 包 \TM\06\SIS\SIS\BackGround\CheckInfo.aspx.cs 
string infoType = "; 
Operation operation = new Operation(); /业务 类 对 象 
protected DataRowCollection drs = null; // 绑 定 页 面 数 据 的 全 局 变量 
protected void Page_Load(object sender, EventArgs e) 
{ 
infoType = Request.QueryString["id"]; 
string opearlD = null, opearCheckState = null; 
// 验 证 成 功 表示 用 户 点 击 了 页 面 上 的 操作 按钮 
if ((opearlD = Request.Form["opearlD"]) != null && opearlD = "") 
{ 


opearCheckState = Request.Form["opearCheckState"]; 
if (opearCheckState != ™) // 验 证 成 功 表示 用 户 点 击 了 “审核 /取消 "按钮 
{ 


ChangeCheckState(int.Parse(opearlD), opearCheckState); /更 改 审核 状态 
if (infoType != null&& infoType != "") 


/重新 绑 定 页 面 数据 
DataBind(infoType, Convert.Tolnt32(this.CurPagelndex.Text)); 
} 
} 
else 
// 表 示 用 户 点 击 了 详细 信息 按钮 ， 并 执行 了 页 面 跳 转 操 作 
Response.Redirect("Detaillnfo.aspx?id=" + opearlD); 
} 


二 
i (llsPostBack) 
if (infoType != null && infoType != "") 
{ 
DataBind(infoType, 1); /页面 第 一 次 加 载 绑 定 页 面 数据 


} 


自 定义 DataBind 方法 ， 用 于 查询 相关 类 型 的 供求 信息 ， 并 且 将 查询 结果 赋值 给 全 局 变量 drs。 实 
现代 码 如 下 : 
倒 程 31 代码 位 置 : 资源 包 \TM\06\SIS\SIS\BackGround\CheckInfo.aspx.cs 


ll <summary> 

// 绑 定 供求 信息 到 GridViev 控件 

ll </summary> 

/1/ <param name="type"> 供 求 信息 类 别 </param> 


时 


胞 马 马 ASPNET 项 目 开发 全 程 实录 (第 4 版 ) 


private void DataBind(string type, int Pagelndex) 


{ 


} 


int PageSize = 10;// 定 义 每 页 数据 总 数 

/查询 数据 

DataSet ds = operation.SelectIinfo(type, Pagelndex, PageSize); 
if (ds != null && ds.Tables.Count > 0) 


和 


int Count = 0; 

int.TryParse(ds.Tables[0].Rows[0][0].ToString(), out Count); /获取 总 数据 条 数 
drs = ds.Tables[1].Rows; 

/计算 分 页 数据 

int GetTotalPagelndex = (Count / PageSize) + ((Count % PageSize) > 0 ? 1:0); 
this.TotalPagelndex.Text = GetTotalPagelndex.ToString(); 

this.CurPagelndex.Text = Pagelndex.ToString(); 

if (PageIndex == 1 && Pagelndex == GetTotalPagelndex) 


SetPageState(0);// 如 果 当 前 总 页 数 共 为 1 页 时 调用 的 样式 
} 
else if (Pagelndex == 1) 


SetPageState(1);// 如 果 当前 为 第 一 页 时 调用 的 样式 


. 
else if (Pagelndex == GetTotalPagelndex) 


SetPageState(2);// 如 果 当 前 为 最 后 一 页 时 调用 的 样式 
} 


else 


SetPageState(3);// 如 果 当 前 为 除 第 一 页 和 最 后 一 页 外 的 其 他 页 数 时 调用 的 样式 


当 用 户 点 击 审核 或 取消 审核 按钮 时 ， 会 在 Page_ Load 中 做 出 判断 处 理 后 调用 更 改 审核 状态 的 方法 
ChangeCheckState， 方 法 中 根据 当前 审核 状态 在 决定 要 调用 的 Operation 公用 方法 。ChangeCheckState 
方法 代码 如 下 : 

倒 程 32 代码 位 置 ， 资源 包 \TM\06\SIS\SIS\BackGround\CheckInfo.aspx.cs 

protected void ChangeCheckState(int ChangelD, string CheckState) 


if (CheckState == "True") 


operation.Updatelnfo(ChangelD, true);// 更 改 为 取消 审核 状态 


else 


人 


operation.Updatelnfo(ChangelD, false);// 更 改 为 已 审核 状态 
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当 用 户 点 击 翻 页 按钮 时 ， 程 序 需要 对 应 将 新 的 页 码 中 的 数据 计算 并 获取 出 来 ， 上 一 页 及 下 一 页 方 
法 代码 定义 如 下 : 

倒 程 33 ”代码 位 置 : 资源 包 \TM\06\SIS\SIS\BackGround\CheckInfo.aspx.cs 

ll <summary> 

Wl 上 一 页 处 理 方法 

ll </summary> 

lll <param name="sender"></param> 


/ll <param name="e"></param> 
protected void UpPage_Click(object sender, EventArgs e) 


{ 
/取出 当前 页 码 
int Curlndex = Convert.Tolnt32(this.CurPagelndex.Text); 
Curlndex--; // 将 当前 页 码 减 1 
DataBind(infoType, Curlndex); // 绑 定数 据 


ll <summary> 

Ul 下 一 页 处 理 方法 

ll </summary> 

/l/l <param name="sender"></param> 

M <param name="e"></param> 

protected void DownPage_Click(object sender, EventArgs e) 


{ 
/取出 当前 页 码 
int Curlndex = Convert.Tolnt32(this.CurPagelndex.Text); 
Curlndex++; /将 当前 页 码 加 1 
DataBind(infoType, Curlndex); // 绑 定数 据 
} 


数据 绑 定 完成 之 后 会 设置 相应 分 页 样式 ， 代 码 定义 如 下 : 

倒 程 34 ”代码 位 置 : 资源 包 \TM\06\SIS\SIS\BackGround\CheckInfo.aspx.cs 
M <summary> 

Ul 设置 分 页 样式 

ll </summary> 


/ll <param name="Setlndex"></param> 
public void SetPageState(int Setlndex) 


总 
/根据 不 同 的 页 码 设置 不 同 的 样式 
if (Setlndex == 0) 
{ 


this.UpPage.Enabled = false; 
this.DownPage.Enabled = false; 
this.UpPage.Style["color"] = "#808080"; 
this.DownPage.Style["color"] = "#808080"; 
} 
else if (Setindex == 1) 
‘ 
this.UpPage.Enabled = false; 
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this.DownPage.Enabled = true; 
this.UpPage.Style["color"] = "#808080"; 
this.DownPage.Style["color"] = "#23527c"; 


3 

else if (Setindex == 2) 

% 
this.UpPage.Enabled = true; 
this.DownPage.Enabled = false; 
this.UpPage.Style["color"] = "#23527c"; 
this.DownPage.Style["color"] = "#808080"; 


} 

else 

: 
this.UpPage.Enabled = true; 
his.DownPage.Enabled = true; 


this.UpPage.Style["color"] = "#23527c"; 
this.DownPage.Style["color"] = "#23527c"; 


6.10 免费 供求 信息 删除 管理 页 设计 (后台 ) 


6.10.1 免费 供求 信息 删除 管理 页 概述 


免费 供求 信息 删除 主要 是 删除 没有 通过 审核 的 信息 ， 网 站 后 台 管理 员 删 除 供求 信息 时 ， 会 提示 一 
个 确认 消息 框 ， 防 止 用 户 误 删除 信息 。 程 序 运行 结果 如 图 6.31 所 示 。 
现在 的 位 置 : 供求 信息 网 > 后 台 管 理 系统 


ID 标题 联系 人 电话 审核 状态 操作 

467 我 要 发 布 招聘 信息 莹 冷 1315555 已 审核 查看 详细 删除 信息 
446 招聘 信息 55 1355555 已 审核 查看 详细 删除 信息 
444 招聘 信息 00 1388888 已 审核 查看 详细 删除 信息 
445 招聘 信息 00 1388888 未 审核 


442 招聘 程序 员 张 小 姐 1355555 已 审核 


共 1 页 当前 第 1 页 上 一 页 下 一 页 


图 6.31 删除 供求 信息 
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6.10.2 ”免费 供求 信息 删除 管理 技术 分 析 


删除 页 面 的 列表 绑 定 方式 与 供求 信息 审核 页 面 的 列表 定义 方式 相同 ， 但 列表 的 操作 按钮 中 没有 了 
审核 按钮 ， 而 是 包含 了 一 个 删除 按钮 ， 用 于 提供 删除 信息 的 操作 。 


6.10.3 ”免费 供求 信息 删除 管理 页 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb info 
1. 设计 步骤 
(1) 在 BackGround 文件 夹 中 新 建 一 个 Web 窗 体 ， 默 认 名 称 DeleteInfo.aspx， 主 要 用 于 免费 供求 
信息 的 删除 管理 。 
(2) 在 Web 窗 体 中 使 用 bootstrap 实现 页 面 的 布局 。 
(3) 在 页 面 中 定义 分 页 控件 以 及 用 于 提交 数据 的 隐藏 域 标签 。 
2. 实现 代码 
首先 ， 加 载 页 面 默认 数据 列表 并 赋值 给 全 局 变量 。 页 面 默认 数据 列表 的 加 载 以 及 操作 控件 的 相关 
处 理 逻 辑 被 定义 在 了 Page_Load 方法 中 。 值 得 注意 的 是 ， 供 求 信息 网 所 有 免费 供求 信息 的 删除 管理 都 
是 在 DeleteInfo.aspx 页 面 实现 的 。 页 面 的 加 载 事件 中 实现 代码 如 下 : 
倒 程 35 代码 位 置 ， 资源 包 \TM\06\SIS\SIS\BackGround\DeleteInfo.Aspx.cs 
string infoType = ™"; 


Operation operation = new Operation(); /人 业务 类 对 象 
protected DataRowCollection drs = null; // 绑 定 页 面 数据 的 全 局 变量 
protected void Page_Load(object sender, EventArgs e) 


infoType = Request.QueryString["id"]; 

string opearlD = null, opearState = null; 

// 验 证 成 功 表示 用 户 点 击 了 页 面 上 的 操作 按钮 

if ((opearlD = Request.Form["opearlD"]) != null && opearlD {= "") 
{ 


opearState = Request.Form["opearState"]; 


if (opearState == "2") // 验 证 成 功 表示 用 户 点 击 了 “删除 "按钮 
{ 

Deletelnfo(int.Parse(opearlD)); /删除 信息 

i (infoType != null&& infoType != ") 

{ 

DataBind(infoType, 1); /重新 绑 定 页 面 数据 

} 
} 
else 


/表示 用 户 点 击 了 详细 信息 按钮 ， 并 执行 了 页 面 跳 转 操作 
Response.Redirect("Detaillnfo.aspx?id=" + opearlD); 
} 
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} 
if (lsPostBack) 
{ 
if (infoType != null && infoType != ™) 


DataBind(infoType, 1); // 页 面 第 一 次 加 载 绑 定 页 面 数据 


自 定义 DataBind 方法 ， 用 于 查询 相关 类 型 的 供求 信息 ， 并 且 将 查询 结果 显示 在 GridView 表格 控 
件 中 。 实 现代 码 如 下 : 
倒 程 36 ”代码 位 置 : 资源 包 \TMMWGNSIS\SIS\BackGround\DeleteInfo.Aspx.cs 


ll <summary> 

/| 绑 定 供求 信息 到 GridViev 控件 

ll </summary> 

中 <param name="type"> 供 求 信息 类 别 </param> 
private void DataBind(string type, int Pagelndex) 
{ 


int PageSize = 10; /定义 每 页 数据 总 数 
/查询 数据 

DataSet ds = operation.Selectlnfo(ltype, Pagelndex, PageSize); 

if (ds != null && ds.Tables.Count > 0) 


* 
int Count = 0; 
int.TryParse(ds.Tables[0].Rows[0][0].ToString(), out Count);// 获 取 总 数据 条 数 
drs = ds.Tables[1].Rows; 
/计算 分 页 数据 
int GetTotalPagelndex = (Count / PageSize) + ((Count % PageSize) > 0 ? 1:0); 
this.TotalPagelndex.Text = GetTotalPagelndex.ToString(); 
this.CurPagelndex.Text = Pagelndex.ToString(); 
i(Pagelndex == 1 && Pagelndex == GetTotalPagelndex) 


SetPageState(0); 1/ 如果 当前 总 页 数 共 为 1 页 时 调用 的 样式 


} 
else if (Pagelndex == 1) 


SetPageState(1); // 如 果 当 前 为 第 一 页 时 调用 的 样式 


else if(Pagelndex == GetTotalPagelndex) 


SetPageState(2); // 如 果 当 前 为 最 后 一 页 时 调用 的 样式 


else 


SetPageState(3); /如 果 当 前 为 除 第 一 页 和 最 后 一 页 外 的 其 他 页 数 时 调用 的 样式 
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用 于 执行 删除 操作 的 方法 定义 如 下 : 
倒 程 37 代码 位 置 ， 资源 包 \TM\06\SIS\SIS\BackGround\DeleteInfo.Aspx.cs 


ll <summary> 
几 删除 数据 
ll </summary> 
/lll <param name="dellD"></param> 
protected void Deletelnfo(int dellD) 
{ 
operation.Deletelnfo(dellD.ToString()); /执行 删除 数据 


} 


用 户 点 击 翻 页 按钮 时 ， 程 序 需 要 对 应 将 新 的 页 码 中 的 数据 计算 并 获取 出 来 ， 上 一 页 及 下 一 页 方法 
代码 定义 如 下 : 
倒 程 38 代码 位 置 ， 资源 包 \TM\06\SIS\SIS\BackGround\DeleteInfo.Aspx.cs 


/ll <summary> 

I 上 一 页 处 理 方法 

ll </summary> 

/l/l <param name="sender"></param> 

W <param name="e"></param> 

protected void UpPage_Click(object sender, EventArgs e) 


{ 
/取出 当前 页 码 
int Curlndex = Convert.Tolnt32(this.CurPagelndex.Text); 
Curlndex--; // 将 当前 页 码 减 1 
DataBind(infoType, Curlndex); / 绑 定 数据 
} 


M <summary> 

UI/ 下 一 页 处 理 方法 

ll </summary> 

/ll <param name="sender"></param> 

/ll <param name="e"></param> 

protected void DownPage_Click(object sender, EventArgs e) 


{ 
/取出 当前 页 码 
int Curlndex = Convert.Tolnt32(this.CurPagelndex.Text); 
Curlndex++; // 将 当前 页 码 加 1 
DataBind(infoType, Curindex); // 绑 定数 据 
} 


数据 绑 定 完成 之 后 会 设置 相应 分 页 样式 ， 代 码 定义 如 下 : 
倒 程 39 代码 位 置 ， 资源 包 \TM\06\SIS\SIS\BackGround\DeleteInfo.Aspx.cs 


ll <summary> 

Ul 设置 分 页 样式 

ll </summary> 

/lll <param name="Setlndex"></param> 
public void SetPageState(int Setlndex) 
和 
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/根据 不 同 的 页 码 设置 不 同 的 样式 
if (Setindex == 0) 


{ 
this.UpPage.Enabled = false; 
this.DownPage.Enabled = false; 
this.UpPage.Style["color"] = "#808080"; 
this.DownPage.Style["color"] = "#808080"; 

} 

else if (Setindex == 1) 

{ 
this.UpPage.Enabled = false; 
this.DownPage.Enabled = true; 
this.UpPage.Style["color"] = "#808080"; 
this.DownPage.Style["color"] = "#23527c"; 

} 

else if (SetIndex == 2) 

{ 
this.UpPage.Enabled = true; 
this.DownPage.Enabled = false; 
this.UpPage.Style["color"] = "#23527c"; 
this.DownPage.Style["color"] = "#808080"; 

} 

else 

{ 
this.UpPage.Enabled = true; 
this.DownPage.Enabled = true; 
this.UpPage.Style["color"] = "#23527c"; 
this.DownPage.Style["color"] = "#23527c"; 

} 


6.11 网 站 文件 清单 


为 了 帮助 读者 了 解 供求 信息 网 的 文件 构成 ， 现 以 表格 形式 列 出 网 站 的 文件 清单 ， 如 表 6.13 所 示 。 
表 6.13 网 站 文件 清单 


文件 位 置 及 名 称 说 明 
SISWApp_Code\DataBase.cs 数据 库 操作 类 
SIS\App_Code\Operation.cs 业务 流程 类 
SIS\App Code\StringFormat.cs 字符 串 格式 化 类 
SIS\App Code\WWebMessageBox.cs 网 页 对 话 框 类 
SIS\App_ Data\db SIS.mdf SQL Server 2014 数据 库 文件 
SIS\App_ Data\db SIS log.ldf SQL Server 2014 数据 库 日 志文 件 
SIS\BackGround\CheckInfo.aspx 网 站 后 台 信息 审核 页 
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续 表 
文件 位 置 及 名 称 说 有 明 
SIS\BackGround\Default.aspx 网 站 后 台 主 页 
SIS\BackGround\DeleteInfo.aspx 网 站 后 台 信息 删除 页 
SIS\BackGround\DetailInfo.aspx 网 站 后 台 查 看 免费 信息 详细 信息 页 
SIS\BackGround\DetailLeaguerInfo.aspx. 网 站 后 台 查 看 收费 信息 详细 页 
SIS\BackGround\LeaguerInfo.aspx 网 站 后 台 发 布 收费 供求 信息 页 
SIS\BackGround\LeaguerInfoDelete.aspx 网 站 后 台 收 费 信息 删除 页 
SIS\ShowPage\webCL.aspx 网 站 前 台 车 辆 供求 信息 页 
SIS\ShowPage\webGY .aspx 网 站 前 台 公 寅 供求 信息 页 
SIS\ShowPage\webJJ.aspx 网 站 前 台 家 教 供求 信息 页 
SIS\ShowPage\webPX.aspx 网 站 前 台 培 训 供 求 信息 页 
SIS\ShowPage\WwebQDCD.aspx 网 站 前 台 求 竞 出 兑 供求 信息 页 
SIS\ShowPage\WwebQYGG.aspx 网 站 前 台 企 业 广 告 供求 信息 页 
SIS\ShowPage\webQZ.aspx 网 站 前 台 求职 供求 信息 页 
SIS\ShowPage\webWPCS.aspx 网 站 前 台 物 品 出 售 供求 信息 页 
SIS\ShowPage\Wweb WPQG.aspx 网 站 前 台 物 品 求购 供求 信息 页 
SIS\ShowPage\WwebXQHZ.aspx 网 站 前 台 寻 求 合 作 供求 信息 页 
SIS\ShowPagevwebZP.aspx 网 站 前 台 招聘 供求 信息 页 
SIS\UserControl\InfoSearch.ascx 供求 信息 查询 用 户 控件 
SIS\UserControl\RecommendInfo.ascx 推荐 供求 信息 用 户 控件 
SIS\Default.aspx 供求 信息 网 站 主页 
SIS\Help.aspx 网 站 搜索 帮助 页 
SIS\InfoAdd.aspx 免费 信息 发 布 页 
SIS\Logon.aspx 网 站 管理 员 后 台 登 录 
SIS\MasterPage.master 网 站 母 版 页 
SIS\ShowLeaguerInfo.aspx 网 站 首页 信息 详细 显示 页 


A 


is 


6.12 SQL Server 2014 数据 库 使 用 专题 


SQL 即 Structured Query Language 的 缩写 ， 中 文 译 为 结构 化 查询 语言 。Server 中 文 译 为 服务 器 ， 而 
2014 代表 的 是 版 本 号 。 通 过 SQL Server 2014， 可 以 使 用 可 缩放 的 混合 数据 库 平 台 生成 任务 关键 型 智能 
应 用 程序 。 此 平台 内 置 了 需要 的 所 有 功能 ， 包 括 内存 中 性 能 、 高 级 安全 性 和 数据 库 内 分 析 。SQL Server 


时 
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2014 版 本 新 增 了 安全 功能 、 查 询 功 能 、Hadoop 和 云集 成 、R 分 析 等 功能 ， 以 及 许多 改进 和 增强 功能 。 
新 的 “查询 存储 ”在 数据 库 中 存储 查询 文本 、 执 行 计划 和 性 能 指标 ， 以 便于 监视 和 排查 性 能 问题 。 
仪表 板 可 显示 耗 时 最 长 、 占 用 内 存 或 CPU 资源 最 多 的 查询 。 
时 态 表 是 记录 所 有 数据 更 改 〈 包 括 更 改 日 期 和 时 间 ) 的 历史 记录 表 。 
SQL Server 中 新 增 了 内 置 JSON 支持 ， 可 以 支持 JSON 导入 、 导 出 、 分 析 和 存储 。 
支持 最 大 2TB 的 表 (之 前 为 最 大 256GB) 。 


6.12.1 安装 合适 的 SQL Server 2014 版 本 


根据 应 用 程序 的 需要 ， 安 装 要 求 会 有 所 不 同 。 不 同 版 本 的 SQL Server 能 够 满足 单位 和 个 人 独特 的 
性 能 、 运 行 时 以 及 价格 要 求 。 安 装 哪些 SQL Server 组 件 还 取决 于 您 的 具体 需要 。 下 面 各 节 将 帮助 您 了 
解 如 何在 SQL Server 的 不 同 版 本 和 可 用 组 件 中 做 出 最 佳 选择 。 

回 Microsoft SQL Server 2014 Enterprise Edition 〈 企 业 版 ) 。 

回 ”Microsoft SQL Server 2014 Standard Edition (标准 版 ) 。 

加 ”Microsoft SQL Server 2014 Web Edition (Web 版 本 ) 。 

回 ”Microsoft SQL Server 2014 Developer Edition (开发 版 ) 。 

回 ”Microsoft SQL Server 2014 Express Edition (学 习 版 ) 。 

上 面 提 到 了 SQL Server 2014 为 不 同 的 人 员 提 供 了 5 个 不 同 的 版 本 , 用 户 需 要 从 中 选择 一 个 适合 上 E 
己 学 习 及 应 用 的 版 本 。 下 面 逐 一 介绍 这 5 个 版 本 。 

1. SQL Server 2014 Enterprise Edition 〈 企 业 版 ) 


作为 高 级 版 本 ，SQL Server Enterprise 版 提供 了 全 面 的 高 端 数据 中 心 功能 ， 性 能 极为 快捷 、 虚 拟 化 
不 受 限 制 ， 还 具有 端 到 端的 商业 智能 可 为 关键 任务 工作 负荷 提供 较 高 服务 级 别 ， 支 持 最 终 用 户 访 
问 深层 数据 。 

2. SQL Server 2014 Standard Edition (标准 版 》 


SQL Server Standard 版 提供 了 基本 数据 管理 和 商业 智能 数据 库 ， 使 部 门 和 小 型 组 织 能 够 顺利 运行 
其 应 用 程序 并 支持 将 常用 开发 工具 用 于 内 部 部 署 和 云 部 署 一 一 有 助 于 以 最 少 的 IT 资源 获得 高 效 的 数 
据 库 管理 。 


3. SQL Server 2014 WebEdition (Web 版 ) 


对 于 为 从 小 规模 至 大 规模 Web 资产 提供 可 伸缩 性 、 经 济 性 和 可 管理 性 功能 的 Web 宿主 和 Web VAP 
来 说 ，SQL Server Web 版 本 是 一 项 总 拥有 成 本 较 低 的 选择 。 


4. SQL Server 2014 Developer Edition 《开发 版 ) 


SQL Server Developer 版 支持 开发 人 员 基 于 SQL Server 构建 任意 类 型 的 应 用 程序 。 它 包括 
Enterprise 版 的 所 有 功能 ,但 有 许可 限制 , 只 能 用 作 开 发 和 测试 系统 , 而 不 能 用 作 生 产 服务 器 。SQL Server 
Developer 是 构建 SQL Server 和 测试 应 用 程序 人 员 的 理想 之 选 。 


@ 
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5. SQL Server 2014 Express Edition (学 习 版 ) 


Express 版 本 是 入 门 级 的 免费 数据 库 , 是 学 习 和 构建 桌面 及 小 型 服务 器 数据 驱动 应 用 程序 的 理想 选 
择 。 它 是 独立 软件 供应 商 、 开 发 人 员 和 热衷 于 构建 客户 端 应 用 程序 人 员 的 最 佳 选择 。 如 果 需 要 使 用 更 
高 级 的 数据 库 功 能 , 则 可 以 将 SQL Server Express 无 颖 升级 到 其 他 更 高 端的 SQL Server 版 本 .SQL Server 
Express LocalDB 是 Express 的 一 种 轻型 版 本 ， 该 版 本 具备 所 有 可 编程 性 功能 ， 但 在 用 户 模式 下 运行 ， 
并 且 具 有 快速 的 零 配置 安装 和 必 备 组 件 要 求 较 少 的 特点 。 


6.12.2 ”建立 数据 库 与 数据 表 


在 创建 数据 库 和 数据 表 时 ， 其 名 称 必须 遵循 SQL Server 2014 的 标识 符 命名 规则 。 
名 称 的 长 度 为 1 一 128。 
名 称 的 第 一 个 字符 必须 是 字母 或 者 “”“@”“#” 中 的 任意 一 个 字符 。 
在 中 文 版 SQL Server 2014 中 ， 可 以 直接 使 用 中 文 名 称 。 
名 称 中 不 能 有 空格 ， 不 允许 使 用 SQL Server 2014 的 保留 字 。 如 系统 数据 库 model、msdb 和 master， 这 
样 的 数据 库 名 称 都 属于 保留 字 。 


1. 建立 数据 库 


在 SQL Server 2014 中 ， 通 过 SQL Server Management Studio 可 以 创建 数据 库 ， 用 于 存储 数据 及 其 
他 对 象 〈 如 视图 、 索 引 、 存 储 过 程 和 触发 器 等 ) 。 

下 面 将 创建 一 个 数据 库 db_SIS， 具 体操 作 步 骤 如 下 : 

(1) 启动 SQL Server Management Studio， 并 连接 到 SQL Server 2014 中 的 数据 库 ， 在 “对 象 资源 
管理 器 ”中 右 击 “数据 库 ” 选 项 ， 在 弹出 的 快捷 菜单 中 选择 “新 建 数据 库 ” 命 令 ， 如 图 6.32 所 示 。 


日 图 127.0.0.1 (SQL Server 12.0.2269 - sa) 
田 国 
国安 
田 国 
田 国 复制 
向 Alwal 


田 国 管理 
田 国 1 
田 国 SQL 


图 6.32 选择 新 建 数据 库 
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(2) 进入 “新 建 数据 库 ” 对 话 框 ， 如 图 6.33 所 示 。 该 对 话 框 中 包括 “常规 ”、“ 选 项 ”和 “文件 
组 ”3 个 选项 卡 ， 通 过 这 3 个 选项 卡 可 以 设置 新 创建 的 数据 库 。 


ws aa es 
吉野 本 > 罗 才 助 

[项 一 加 ET | 

办 文人 组 2 ws 

| 所 有 者 名 ET a) 
回合 用 全 义 检 宗 员 
文件 
各 各 原文 大 异 文件 姑 。。 初 妇 大 小 MB 自 却 刀 攻 最 大 大 小 | 
EE 行 才 据 。 ?Eumr [5 | 二 为 ! rm, 雪 长 天 限制 占 
ai SI Joc 日志 不 通用 志明 为 I0%, 指 无 限制 。 四 

| 

[i 

Ew 

二 二 和民 人 


图 6.33 “常规 ”选项 卡 


Q@ “常规 ”选项 卡 : 用 于 设置 新 建 数 据 库 的 名 称 。 

在 “数据 库 名 称 ”文本 框 中 输入 新 建 数据 库 的 名 称 db_ SIS。 数 据 库 名 称 设置 完成 后 ， 系 统 自动 在 
“数据 库 文件 ”列表 框 中 产生 一 个 数据 文件 (初始 大 小 为 3MB) 和 一 个 日 志文 件 (初始 大 小 为 IMB) ， 
同时 显示 文件 组 、 自 动 增长 和 路 径 等 默认 设置 ， 用 户 可 以 根据 需要 自行 修改 这 些 默 认 的 设置 ， 也 可 以 
单 击 右 下 角 的 “添加 ”按钮 添加 数据 文件 。 这 里 数据 文件 和 日 志文 件 均 采用 默认 设置 。 

单 击 “ 所 有 者 ”文本 框 右 侧 的 “浏览 ”按钮 E 回 ， 在 弹出 的 对 话 框 中 选择 数据 库 的 所 有 者 。 数 据 库 
所 有 者 是 对 数据 库 具有 完全 操作 权限 的 用 户 ， 这 里 选择 “默认 值 ”选项 ， 表 示 数 据 库 所 有 者 为 用 户 登 
录 Windows 操作 系统 使 用 的 管理 员 账 户 ， 如 Administrator。 

选中 “使 用 全 文 索引 ” 复 选 框 ， 表 示 数 据 库 中 变 长 的 复杂 数据 类 型 列 也 可 以 建立 索引 。 这 里 不 选 
中 该 复 选 框 。 


No SQL Server 2014 数据 库 的 数据 文件 分 逻辑 名 称 和 物理 名 称 。 远 辑 名 称 是 在 SQL 语句 中 引 
用 文件 时 所 使 用 的 名 称 ; 物理 名 称 用 于 操作 系统 管理 。 
@ “选项 ”和 “文件 组 ”选项 卡 : 定义 数据 库 的 一 些 选项 ， 显 示 文 件 和 文件 组 的 统计 信息 。 这 
里 均 采 用 默认 设置 。 


tg SQL Server 2014 默认 创建 了 一 个 PRIMARY 文件 组 ， 用 于 存放 若干 个 数据 文件 。 但 日 志 
文件 没有 文件 组 。 


@ 
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(3) 设置 完成 后 单 击 “ 确 定 ” 按 钮 ， 数 据 库 db SIS 创建 完成 。 


2. 建立 数据 表 

表 定 义 为 列 的 集合 ， 创 建 表 也 就 是 定义 表 列 
的 过 程 《 如 添加 字段 、 设 置 字段 的 主键 和 索引 等 a | ra wm | 

A 加 回 [ETE 

属性 ) 。 wt) | 口 信息 并 

下 面 以 创建 “供求 信息 表 ” 为 例 ， 介 绍 如 何 一 时 i 中 
通过 SQL Server Management Studio 创建 数据 表 。 mn eds 口 联系 人 
表 结 构 如 图 6.34 所 示 。 站 9 而 

下 面 创建 客户 信息 表 tb_info， 具 体操 作 步 骤 an et 
如 下 : 国 

(1) 启动 SQL Server Management Studio， 图 6.34 ”供求 信息 表 数据 结构 


并 连接 到 SQL Server 2014 中 的 数据 库 。 
(2) 在 “对 象 资源 管理 器 ”中 展开 “数据 库 ” 节 点 ， 展 开 指 定 的 数据 库 “db SIS”。 
(3) 右 击 “ 表 ”选项 ， 在 弹出 的 快捷 菜单 中 选择 “新 建 表 ”命令 ， 如 图 6.35 所 示 。 


日 向 数据 库 
日 各 系统 数据 库 
田 向 数据 库 快照 
回国 D8_Bes 
回国 db_music 


ORTM) | sa (55) | db SIS | 000000 0 行 
图 6.35 新 建 表 


(4) 进入 “ 表 设 计 器 ”界面 ， 如 图 6.36 所 示 。 在 该 界面 中 ， 首 先 单 击 “ 列 名 ”文本 框 输入 列 名 
ID， 然 后 单 击 “ 数 据 类 型 ”下 拉 按 钮 ， 在 弹出 的 下 拉 列 表 框 中 选择 int 选项 ， 其 他 字段 依 此 类 推 。 

(5) 设置 主键 和 自动 编号 。 右 击 字 段 DD， 在 弹出 的 快捷 菜单 中 选择 “设置 主键 ”命令 , 将 了 D 设 
置 为 供求 信息 表 的 主键 ; 选择 ID 字段 ， 在 “ 列 属性 ” 栏 中 ， 将 “(是 标识 )” 设 置 为 “是 ”， “标识 增 
量 ” 和 “标识 种 子 ” 均 设置 为 “1”， 如 图 6.37 所 示 。 

(6) 选择 “文件 ”一 “保存 ”命令 ， 或 者 单 击 工具 栏 中 的 “保存 ”按钮 回 ， 进 入 “选择 名 称 ” 对 
话 框 ， 如 图 6.38 所 示 。 在 “输入 表 名 称 ” 文 本 框 中 输入 新 建 数据 表 的 名 称 tb_ info， 单 击 “ 确 定 ”按钮 ， 


完成 供求 信息 表 tb_info 的 创建 。 
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区 甫 - dbo. tb_info| 搞 要 
列 名 | 


decimal(18, 0) 
float 
image 


6.36 “ 表 设 计 器 ”界面 


百 
贺 
x Bl00- 回 
CHECK (Ol-. 器 


se 设置 ID 字段 为 自动 编号 


由 国 FleTables 
yD dbe.sysdiagrams 
a 9 dbatb info 
加 回 dbotb Leaguerinfo 
a 9 dbetb power 
回回 dbodb powverleg 

四 国 国 

四 向 同 X 辐 

日 向 可 性 

四 加 Sevice Broker 

BEL 

再 向 安 作 
BDecrDer 


图 6.37 设置 表 的 主键 图 6.38 输入 数据 表 名 称 
- 立 - By 
6.13 本 章 总 结 


本 章 从 开发 背景 、 需 求 分 析 开 始 逐 步 介绍 供求 信息 网 的 开发 流程 。 通 过 本 章 的 学 习 ， 读 者 能 够 了 
解 一 般 网 站 的 开发 流程 。 在 网 站 的 开发 过 程 中 ， 笔 者 不 仅 采用 了 面向 对 象 的 开发 思想 ， 而 且 采 用 了 分 
层 开 发 模式 ， 代 表 着 未 来 开发 方向 的 主流 ， 和 希望 对 读者 有 所 启发 和 帮助 。 


一 一 一 


全 E> 


利 旦 


Show 一 一 企业 个 性 化 展示 平台 


(JSON 数据 解析 HHTMLS + MySQL 实现 ) 


Show 一 一 企业 个 性 化 展示 平台 ， 以 下 简称 Show 网 站 ， 是 一 个 集 
制作 和 传播 于 一 体 的 H5 在 线 制 作 平台 ， 本 章 主 要 使 用 
A9%P.NET+jQuery+HTML5 技术 开发 该 网 站 。 

通过 阅读 本 章 ， 读 者 可 以 学 习 到 : 


Mh 


jQuery 基本 应 用 
数据 库 基础 操作 

HTML5 基本 应 用 
数据 库 随机 查询 

jQuery 插件 编写 

一 般 处 理 文件 ( .ashx ) 的 使 用 
JSON 数据 的 解析 
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7.1 开发 背景 


视频 讲解 


Show 用 户 无 须 掌握 复杂 的 编程 技术 ， 就 能 简单 、 轻 松 制作 基于 HTMLS5 的 精美 手机 幻灯 片 页 面 。 
同时 与 主流 社会 化 媒体 打通 ， 让 用 户 通过 自身 的 社会 化 媒体 账号 就 能 进行 传播 ， 展 示 业 务 ， 收 集 潜在 
客户 。Show 让 用 户 随时 了 解 传播 效果 ， 明 确 营 销 重点 、 优 化 营销 策略 。 提 供 免费 平台 ， 用 户 零 门槛 就 


可 以 使 用 Show 进行 移动 自 营销 ， 从 而 持续 积累 用 户 。Show 网 站 开发 细节 设计 分 为 前 台 应 用 和 后 台 维 
护 ， 如 图 7.1 和 图 7.2 所 示 。 


四 手机 注册 加 场景 编辑 


@ 邮箱 注册 __\ / 全 场景 保存 


PE | 


ee 
Pp Show 前 台 


、、  @ 声 及 和 


@ 场景 责 览 


加 账户 管理 加 场景 审核 


加 角色 管理 ER 


-一 | 一 


p> Show 后 台 
人 @ 组织 机 构 > <- 加 模板 编辑 
人 @ 资源 管理 图 模板 发 布 


图 7.2 Show 网 站 后 台 相关 开发 细节 
7.2 需求 分 析 


长 期 以 来 , 个 人 或 企业 在 制作 一 些 HS 页 面 〈 比 如 制作 自己 生日 、 问 卷 调查 或 营销 案例 等 ) 时 , 没 
有 相应 的 技术 与 设计 支持 ， 不 知 如 何 下 手 制作 。 因 此 ， 现 在 市 面 上 推出 了 一 批 H5 平台 ， 比 如 入 人 秀 、 


@ 
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易 企 秀 、 兔 展 等 ， 这 类 H5 平台 的 共同 特征 是 有 海量 的 HS 模板 ， 用 户 能 够 快速 套用 ， 而 且 制 作 方式 完全 
傻瓜 式 操作 , 极 大 地 方便 了 用 户 或 企业 的 需求 。 本章 将 仿照 易 企 秀 开发 一 个 H5 平台 , 名 称 为 Show 网 ! 


7.3 系统 设计 


7.3.1 系统 目标 


根据 前 面 所 做 的 需求 分 析 可 以 得 出 ，Show 网 站 应 达到 以 下 目标 。 
回 界面 设计 友好 、 美 观 。 

数据 存储 安全 、 可 靠 。 

信息 分 类 清晰 、 准 确 。 

方便 的 场景 编辑 、 保 存 、 发 布 等 功能 。 

响应 式 界面 设计 ， 适 配 多 种 终端 。 

后 台 场景 的 审核 功能 。 

可 以 将 场景 分 享 到 各 大 社交 平台 。 

具有 易 维护 性 和 易 操作 性 。 


7.3.2 ”系统 功能 结构 


Show 网 站 分 为 前 台 和 后 台 ， 其 中 ， 前 台 主 要 是 对 会 员 和 个 人 场景 的 管理 ， 其 功能 结构 图 如 图 7.3 
所 示 。 后 台 主 要 包括 对 账户 、 角 色 、 资 源 和 场景 模板 的 管理 ， 其 功能 结构 图 如 图 7.4 所 示 。 


Show 前 台 Show 后 台 


因 罗 办 办 办 办 轨 


| 会员 管理 “| | 场景 管理 | 后 台 管理 | 模板 管理 | 
| [ ] [一 一 

手 | | 邮 个 | | 场 | | 场 | 场 || 场 账 | | 角 | | 组 || 资 | | 场 | | 模 模 

册 | | 册 息 | | 辑 | | 存 | | 逢 || 监 理 | | 理 | | 构 || 理 | | 核 | | 辑 布 
图 7.3 ”Show 网 站 前 台 功能 结构 图 7.4 Show 网 站 后 台 功能 结构 图 


7.3.3 ”系统 业务 流程 


Show 网 站 的 业务 流程 图 如 图 7.5 所 示 。 
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退出 登录 


查询 模板 
新 建 作品 


免费 模板 [一 ?查看 作品 


分 类 排序 i 我 | [人 |] 
| 一 | 查看 民权 失主] 
使 用 模板 | 中 复制 作品 
| 由 删除 作品 


[一 "| 修改 基本 信息 


NS 


TE 
修改 窗 码 ] [名 定 师 箱 ] [ 统 定 手机 


手机 注册 


邮箱 注册 


失败 | 


图 7.5 业务 流程 图 


7.3.4 构建 开发 环境 


1. 网 站 开发 环境 


网 站 开发 环境 : Visual Studio 2017 免费 社区 版 。 
网 站 开发 语言 ASP.NET+C#。 

网 站 后 台数 据 库 : MySQL。 
开发 环境 运行 平台 : Windows 7 (SP1) 以 上 。 
服务 器 端 

操作 系统 : Windows7 (SP1) 以 上 。 

Web 服务 器 : IIS 7.0 以 上 版 本 。 

数据 库 服 务 器 : MySQL。 

浏览 器 : Chome、Firefox 等 浏览 

网 站 服务 器 运行 环境 : .NET Framework v4.0 以 上 。 
客户 端 


浏览 器 : Chome、Firefox 等 浏览 器 。 
分 辨 率 最 佳 效果 1280X720 像素 (宽屏 )。 


全 国 鸭 人 国 加 鸭 国 因 各 鸭 国 区 国 
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7.3.5 ”系统 预览 


Show 网 站 由 多 个 页 面 组 成 ， 下 面 仅 列 出 几 个 典型 页 面 ， 其 他 页 面 可 参见 资源 包 中 的 源 程 序 。 


Show 网 站 首页 如 图 7.6 所 示 ， 该 页 面 中 主要 显示 网 站 现 有 的 模板 ， 用 户 可 以 直接 选择 进行 使 用 。 


H5 交 互 设 计 


图 7.6 Show 网 站 首页 
Show 网 站 登录 页 面 如 图 7.7 所 示 ， 注 册页 面 如 图 7.8 所 示 。 


r 1 Fr ~ 


图 7.7 Show 网 站 登录 页 面 图 7.8 Show 网 站 注册 页 面 
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Show 网 站 的 场景 编辑 页 面 如 图 7.9 所 示 ， 该 页 面 中 ， 用 户 可 以 自己 对 场景 页 面 进行 编辑 ， 比 如 创 
建 页 面 、 给 页 面 添加 文字 、 背 景 、 图 片 等 元 素 ， 另 外 ， 用 户 还 可 以 保存 场景 、 发 布 场景 、 预 览 场景 。 


Ta 
Toe 


图 7.9 场景 编辑 页 面 
在 场景 编辑 页 面 编辑 完 场景 后 ， 可 以 预览 编辑 的 场景 ， 效 果 如 图 7.10 所 示 ; 另外 ， 用 户 可 以 将 编 


辑 的 场景 发 布 到 各 大 社交 平台 ， 效 果 如 图 7.11 所 示 。 
SS a Qa 
贴 
[ ws | 
图 7.10 预览 场景 页 面 图 7.11 发 布 场景 页 面 


7.3.6 项目 目录 结构 预览 


每 个 网 站 都 会 有 相应 的 文件 夹 组 织 结构 ， 如 果 网 站 中 网 页 数量 很 多 ， 可 以 将 所 有 的 网 页 及 资源 放 
在 不 同 的 文件 夹 中 。 如 果 网 站 中 网 页 较 少 ， 可 以 将 图 片 、 公 共 类 或 者 程序 资源 文件 放 在 相应 的 文件 夹 
中 ， 而 网 页 可 以 直接 放 在 网 站 根 目录 下 。Show 网 站 的 目录 结构 如 图 7.12 所 示 。 


@ 
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©9 人 oe-sm po| 


搜索 解决 方案 资源 管理 器 (Ctrl+:) Pp- 
园 解决 方案 'web' (5 个 项 目 ) 
》 图 好 一 一 一 一 一 业务 逻辑 层 
bP 图 Dal 一 一 一 一 一 数据 访问 层 
bp 加 fadory 一 一 一 一 工厂 类 
bp 图 Model 一 一 一 一 实体 类 
bp 轩 web 一 一 一 一 一 show 网 站 主 项 目 


图 7.12 Show 网 站 的 目录 结构 


7.4 ”数据 库 设计 


7.4.1 数据 库 表 结构 预览 


Show 网 站 存储 数据 使 用 的 是 MySQL。MySQL 数据 库 小 巧 轻便 ， 便 于 利用 ， 本 章 的 数据 库 名 称 为 
db show， 数 据 表 目录 预览 如 图 7.13 所 示 。 


画 checkcode 男 tb_integral_detailed 
本 tad| 图 tb_news 
天 t_company 下 tb_scene 


葬 tb_scene_control_value 


本 tlogin 国 tb_scene_custom 
天 tloginrole 天 tb_scene_pag 
画 t_menu 图 tb_scenenew 
Et_party 天 tb_scenepage 
Et person 画 tb_show_user 
[sb _position 画 tb_user_read 

天 tresource 天 tb_user_scene 
本 |t_role 葬 ts_cssfile 

国 troletask 国 ts journal 

国 ttask 男 ts jsfile 

国 tb_attrs 下 ts_temp_control_value 
于 tb_code 天 ts temp_pag 

七 tb_code_group 男 ts_ temps 

图 tb_controls 下 ts_ values 


图 7.13 数据 库 表 预览 
框架 基础 数据 表 及 说 明 如 表 7.1 所 示 。 
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表 7.1 框架 基础 数据 表 及 说 明 


数据 表 名 称 描 
t login 用 户 名 
t_person 角色 
tparty 部 门 
tacl 权限 
t menu 菜单 列表 
t loginrole 用 户 ID 与 角色 ID 关系 表 


业务 表 及 说 明 如 表 7.2 所 示 。 


表 7.2 业务 表 及 说 明 


1. ts_temps (模板 信息 表 ) 


表 ts_temps 用 于 保存 所 有 场景 模板 的 详细 信息 ， 该 表 的 结构 如 表 7.3 所 示 。 


@ 


数据 表 名 称 描 
tb_code group 基础 信息 类 型 表 
tb_code 基础 信息 值 表 
tb_controls 基础 控件 表 
tb attrs 基础 控件 属性 表 
ts_values 基础 控件 属性 值 表 
ts _jsfile 基础 js 引用 库 
ts_cssfile 基础 css 引用 库 
ts_temps 模板 表 
ts_temp_pag 模板 分 页 表 
ts_temp_control value 模板 控件 ， 值 集合 表 
tb_scene_custom 场景 自 定义 类 型 表 
tb_scene pag 场景 分 页 表 
tb_ scene_control_ value 场景 控件 ， 值 集合 表 
tb_show_user 用 户 表 
tb_user_scene 用 户 场 景 对 应 表 
tb news 用 户 消息 表 
tb_user read 用 户 消息 已 读 表 
tb integral detailed 用 户 积分 明细 
ts_journal 日 志 表 
tb_scene 场景 表 
tb File 文件 表 

7.4.2 数据 表 结 构 设 计 

本 节 将 对 db_show 数据 库 中 主要 数据 表 的 结构 进行 介绍 。 
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表 7.3 模板 信息 表 (ts_temps) 
字 段 名 英文 名 度 键 描述 
主键 temp id 
模板 编码 temp_code 唯一 
模板 名 称 temp name 
使 用 次 数 use num 
上 线 时 间 addtime datetime 
模板 类 型 〈 行 业 ) type code id int (基础 信息 值 表 id) 
场景 描述 des Varchar 2000 
正常 /异常 state code id (基础 信息 值 表 id) 
模板 封面 Cover 500 
_jsFileid | js fie id 
cssFileid css file id 
收费 金额 Money 0 为 免费 
是 否 审核 sh 0 表示 是 ，1 表示 否 
翻 页 方式 movietype [| (基础 信息 值 表 id) 
音乐 链接 musicUrl 
视频 链接 videoUrl 
是 否 推荐 1 [| 0 表示 是 ，1 表示 否 
用 户 id author 
二 维 码 图 片 qrCode 
使 用 率 userNum | | 
单 击 率 MouseClick | | 
模板 类 型 (场景 ) sence code id | | (基础 信息 值 表 id) 


2. ts_temp_pag (模板 分 页 信息 表 ) 


表 ts_temp_pag 上 


于 保存 所 有 场景 模板 分 页 的 详细 信息 ， 该 表 的 结构 如 表 7.4 所 示 。 
表 7.4 模板 分 页 信息 表 (ts_temp_pag) 


字 段 名 英文 名 键 描述 
主键 | pag id 
创建 时 间 addtime 

该 页 面 所 有 组 件 属性 

页 面 组 件 content_text longtext 都 存储 在 这 里 
模板 编码 temp _code varchar 唯一 
模板 id temp id 
第 几 页 num 
翻 页 类 型 ype_code id (基础 信息 值 表 id) 


3. tb_scene_control_value 场景 控件 及 对 应 值 集合 表 ) 
表 tb_scene_control value 用 于 所 有 场景 中 的 控件 及 其 对 应 值 的 详细 信息 ,该 表 的 结构 如 表 7.5 所 示 。 


® 


劝 胞 马 ASPNET 项 目 开发 全 程 实录 (第 4 版 ) 


表 7.5 场景 控件 及 对 应 值 集合 表 (tb_scene_control_value) 


字 段 名 英文 名 主 ” 键 描 述 
主键 Scene_control id 
场景 id scene id 
场景 分 页 id scene pag id 
控件 id control id 
属性 id attr id 
值 id value id 
值 Value text 
上 级 控件 id up_scene control id (0 为 顶级 ) 
正常 /异常 state code id (基础 信息 值 表 id) 

4. tb_scene (场景 信息 表 ) 

表 tb_scene 用 于 保存 所 有 场景 的 详细 信息 ， 该 表 的 结构 如 表 7.6 所 示 。 

表 7.6 场景 信息 表 (tb_scene) 
字 段 名 英文 名 主 键 描述 
主键 Scene id | 
场景 编码 Scene code 
场景 名 称 scene name 500 
建设 时 间 addtime | ”| 
. ; (基础 信息 值 表 id) 如 
正常 /异常 state_code id wm | | 果 是 2, 表示 关键 字 违规 
场景 访问 次 数 Visit_ num lx | | 
场景 其 他 用 户 使 用 次 数 “| use_num lant | | 
访问 权限 dic code id in | | (基础 信息 值 表 id) 
场景 封面 Cover varchar 500 
场景 类 型 表 id scene custom id int 
场景 自 定义 类 型 id scene typeid i 
_jsFileid | js file id 

cssFileid css file id 
是 否 审 核 sh 0 表示 是 ，1 表示 否 
翻 页 方式 movietype (基础 信息 值 表 id) 
音乐 链接 musicUrl 
视频 链接 VideoUrl 
是 否 推荐 | 0 表示 是 ，1 表示 否 
用 户 id author 
二 维 码 图 片 | qrCode varhcar 500 
使 用 率 userNum int 
场景 说 明 des varchar 500 


@ 
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字 段 名 英文 名 


是 否 已 经 生成 模板 Modeled 1 表示 已 经 生成 
图 片 类 型 fileType 

X 坐标 | x | int | 

了 坐标 

宽度 


高 度 


Mowecick |m | | 


7.5 Show 网 站 首页 设计 


7.5.1 Show 网 站 首页 概述 


Show 网 站 的 首页 主要 由 页 头 、 页 体 和 页 脚 3 部 分 构成 ， 其中， 页 体 由 滚动 图 片 、 场 景 分 类 和 模板 
构成 ， 而 模板 主要 显示 网 站 现 有 的 模板 ， 用 户 单 击 某 个 模板 ， 可 以 对 其 进行 编辑 或 者 预览 。 首 页 效果 
如 图 7.14 所 示 。 


H5 交 互 设计 


图 7.14 Show 网 站 首页 
7.5.2 ”Show 网 站 首页 技术 分 析 


Show 网 站 首页 在 进行 前 后 台数 据 交互 时 ， 用 到 了 $.ajax0 方 法 ， 下 面 对 该 方法 进行 讲解 。 
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$.ajax0 方 法 用 来 执行 异步 AJAX 请 求 。 所 有 的 jQuery AJAX 方法 都 使 用 ajax0 方 法 ， 该 方法 通常 
用 于 其 他 方法 不 能 完成 的 请 求 ， 其 语法 格式 如 下 : 
$.ajax({Name:value, name:value, ... }) 
$.ajax0 方 法 的 参数 及 说 明 如 表 7.7 所 示 。 
表 7.7 $.ajax() 方 法 的 参数 及 说 明 


参 。 数 说 明 
ul 要 求 为 String 类 型 的 参数 ，《〈 默 认为 当前 页 地 址 ) 发 送 请 求 的 地 址 

要 求 为 Sting 类 型 的 参数 ， 请 求 方式 〈post 或 get) 默认 为 get。 注 意 其 他 http 请 求 方法 ， 例 如 put 和 
YPe delete 也 可 以 使 用 ， 但 仅 部 分 浏览 器 支持 
timeout 要 求 为 Number 类 型 的 参数 ， 设 置 请 求 超时 时 间 (毫秒 ) 。 此 设置 将 覆盖 $ .ajaxSetup0 方 法 的 全 局 设置 


eile 要 求 为 Boolean 类 型 的 参数 ， 默 认 设置 为 tue， 所 有 请 求 均 为 异步 请 求 。 如 果 需 要 发 送 同步 请 求 ， 请 
将 此 选项 设置 为 false 
要 求 为 Boolean 类 型 的 参数 ， 默 认为 tue ( 当 dataType 为 script 时 ， 默 认为 false) 。 设 置 为 false 将 不 
会 从 浏览 器 缓存 中 加 载 请 求 信息 
要 求 为 Object 或 String 类 型 的 参数 ， 发 送 到 服务 器 的 数据 。 如 果 已 经 不 是 字符 串 ， 将 自动 转换 为 字符 
串 格式 。get 请 求 中 将 附加 在 url 后 .防止 这 种 自动 转换 , 可 以 查看 processData 选 项 对象 必 须 为 key/value 
格式 ， 例 如 {fool:"barl",foo2:"bar2"} 转 换 为 &fool=barl&foo2=bar2。 如 果 是 数组 ，JQuery 将 自动 为 不 
同 值 对 应 同一 个 名 称 。 例 如 {foo:["bar1","bar2"]} 转 换 为 &foo=barl&foo=bar2 
要 求 为 String 类 型 的 参数 , 预期 服务 器 返回 的 数据 类 型 。 如 果 不 指定 , JQuery 将 自动 根据 http 包 mime 
dataType 信息 返回 responseXML 或 responseText, 并 作为 回调 函数 参数 传递 , 可 用 的 类 型 包括 : xml、 html、 script、 
json、jsonp、text 
ee 要 求 为 Function 类 型 的 参数 , 发 送 请 求 前 可 以 修改 XMLHttpRequest 对 象 的 函数 , 例如 添加 自 定义 HITP 
头 。 在 beforeSend 中 如 果 返 回 false 可 以 取消 本 次 ajax 请 求 。XMLHttpRequest 对 象 是 唯一 的 参数 
complete 要 求 为 Function 类 型 的 参数 ， 请 求 完成 后 调用 的 回调 函数 〈 请 求 成 功 或 失败 时 均 调用 
success 要 求 为 Function 类 型 的 参数 ， 请 求 成 功 后 调用 的 回调 函数 ， 有 两 个 参数 
要 求 为 Function 类 型 的 参数 ， 请 求 失败 时 被 调用 的 函数 ， 该 函数 有 3 个 参数 ， 即 XMLHttpRequest 对 
象 、 错 误 信息 、 捕 获 的 错误 对 象 〈 可 选 ? 
要 求 为 String 类 型 的 参数 ， 当 发 送信 息 至 服务 器 时 ， 内 容 编码 类 型 默认 为 


cache 


data 


€ITOT 


contentType 
"application/x-www-form-urlencoded" 

is 要 求 为 Function 类 型 的 参数 , 给 Ajax 返回 的 原始 数据 进行 预 处 理 的 函数 , 提供 data 和 type 两 个 参数 。 
data 是 Ajax 返回 的 原始 数据 ，type 是 调用 jQuery.ajax 时 提供 的 dataType 参数 

global 要 求 为 Boolean 类 型 的 参数 ， 默 认为 true。 表 示 是 否 触 发 全 局 ajax 事件 。 设 置 为 false 将 不 会 触发 全 局 
ajax 事件 ，ajaxStart 或 ajaxStop 可 用 于 控制 各 种 ajax 事件 

二 要 求 为 Boolean 类 型 的 参数 ， 默 认为 false。 仅 在 服务 器 数据 改变 时 获取 新 数据 。 服 务 器 数据 改变 判断 


的 依据 是 Last-Modified 头 信息 。 默 认 值 是 false， 即 忽略 头 信息 
要 求 为 String 类 型 的 参数 ， 在 一 个 jsonp 请 求 中 重 写 回调 函数 的 名 字 。 该 值 用 来 蔡 代 在 "callback=?" 这 
种 GET 或 POST 请 求 中 URL 参数 里 的 "callback" 部 分 
Usemame 要 求 为 String 类 型 的 参数 ， 用 于 响应 HTTP 访问 认证 请 求 的 用 户 名 
assword 要 求 为 String 类 型 的 参数 ， 用 于 响应 HTTP 访问 认证 请 求 的 密码 


@ 


jsonp 
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续 表 


参 数 | 说 有 明 
要 求 为 Boolean 类 型 的 参数 ， 默 认为 true。 默 认 情况 下 ， 发 送 的 数据 将 被 转换 为 对 象 ( 从 技术 角度 来 
processData | 讲 并 非 字符 串 ) 以 配合 默认 内 容 类 型 "application/x-www-form-urlencoded"。 如 果 要 发 送 DOM 树 信息 或 
者 其 他 不 希望 转换 的 信息 ， 请 设置 为 false 


要 求 为 String 类 型 的 参数 ， 只 有 当 请 求 时 dataType 为 "jsonp" 或 者 "script"， 并 且 type 是 GET 时 才 会 用 
于 强制 修改 字符 集 (charset) 。 通 常 在 本 地 和 远程 的 内 容 编码 不 同时 使 用 


ScriptCharset 


例如 ， 下 面 代 码 使 用 $.ajax0 方 法 获取 模板 的 行业 分 类 ， 并 进行 显示 : 


function GetIndustry(Industry) { 
var pd = {"t": "1", "Gid": "2" }; 
S$.ajax({ 
type: "post", 
url: "Tools/Code.ashx", 
data: pd, 
dataType: "json", 
success: function (data) { 
if (data.status != "-1") { 
var dataobj = eval("(" + data.status + ")"); 
S$(Industry).empty(); 
IndustryText = dataobj.root; 
S$.each(dataobj.root, function (i, item) { 


if(i== 8){ 
return false; 

} 

var title = item.msg; /显示 文本 

var values = item.code_id; // 值 


$(Industry).append('<p style="padding:0 7px;" value=" + values + " 
onclick="IndustrySelect(this)">" + title + '</p>"); 


入; 
S$('#hymore').show(); 
} 
} 
error: function (XMLHttpRequest, textStatus, errorThrown) { 
上 


入 
} 


7.5.3 Show 网 站 首页 实现 过 程 


国 本 模块 使 用 的 数据 表 : ts temps、ts temp pag、ts_temp_control value、tb_scene_control value、tb_scene 
1. 配置 数据 库 链 接 


打开 Web.config 文件 ， 在 其 中 配置 连接 MySQL 数据 库 的 语句 ， 其 中 ，server 为 数据 库 的 jp 地 址 ， 
uid 为 此 数据 库 的 用 户 名 ，pwd 为 数据 库 的 密码 。 代 码 如 下 : 
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倒 程 01 代码 位 置 : 资源 包 \TM\07\Pro_show\web\web\Web.config 


<connectionStrings> 

<add name="connstr" 
connectionString="server=192.168.1.107;uid=root;:pwd=123456;database=db_show;allow zero datetime=true" 
/> 

</connectionStrings> 


CS 上 面 代码 中 的 server 的 值 需要 修改 为 本 机 的 IP 地址 , id 的 值 修改 为 本 机 登录 MySQL 服 
务 器 的 用 户 名 ，pwd 的 值 修改 为 本 机 登录 MySQL 服务 器 的 密码 ( 注意 ， 不 是 计算 机 的 登录 害 码 )。 
2。 按照 行业 和 场景 分 类 模板 


在 项 目 中 创建 一 个 Tools 文件 夹 ， 该 文件 夹 中 创建 一 个 Code.ashx 一 般 处 理 程序 文件 ， 打 开 
Code.ashx 文件 ， 首 先 使 用 using 关键 字 引 用 必要 的 命名 空间 ， 以 便 调用 其 中 的 类 及 其 所 属 方法 ， 代 码 
如 下 : 

倒 程 02 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\Tools\Code.ashx.cs 


using Bll; 
Using System.Data; 
using System.Web; 


在 Code.ashx 文件 中 的 ProcessRequest 方法 中 编写 代码 , 实现 将 前 台 调 用 的 方法 定位 到 后 台 方 法 的 
功能 ， 其 中 HttpContext.Current.Request.Form 是 为 了 获取 前 台 t 参数 的 值 。ProcessRequest 方法 完整 代 


倒 程 03 ”代码 位 置 : 资源 包 \TM\07\Pro_show\web\web\Tools\Code.ashx.cs 
public void ProcessRequest(HttpContext context) 


string t = HttpContext.Current.Request.Form["t"]; // 获 取 前 台 t 参 数值 
Switch (t) 
{ 
case "1": 
GetCode(context); /根据 分 组 id 获取 字典 信息 
break; 
$ 


} 


上 面 的 代码 中 用 到 了 一 个 GetCode 方法 , 该 方法 主要 实现 根据 分 组 id 调用 后 台 代码 获取 字典 信息 ， 
并 将 获取 到 的 字典 信息 向 前 台 返 回 数 据 的 功能 。GetCode 方法 代码 如 下 : 


倒 程 04 ”代码 位 置 : 资源 包 \TM\07\Pro_show\web\web\Tools\Code.ashx.cs 
ll <summary> 

ll 根据 分 组 id 获取 字典 信息 

ll </summary> 

/lll <param name="context"></param> 

public void GetCode(HttpContext context) 

{ 


@ 
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string GID=HttpContext.Current.Request.Form["Gid"]; // 获 取 前 台 传递 过 来 的 分 组 id 
CodeBll bll = new CodeBIl(); 


DataTable dt=bll.GetTableByGroup(GID, 0); /根据 分 组 id 获取 数据 库 里 面 的 一 组 数据 
if (dt == null) 
和 
context.Response.Write("{\"status\":\"-1\"}"); /| 如果 后 台 没有 数据 ， 就 向 前 台 传递 -1 
return; 
} 
/格式 化 后 台 传 递 过 来 的 列表 


string json =fToJson(dt); 
json = json.Replace(\™", \"™"); 
context.Response.Write("{\"status\":\"" + json + "\"}"); 


在 functionjs 文件 中 定义 一 个 GetIndustry 函数 ， 该 函数 主要 实现 获取 所 有 行业 分 类 ， 并 将 其 显示 
到 前 台 页 面 的 功能 。GetIndustry 函数 代码 如 下 : 


倒 程 05 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\js\function.js 


/获取 行业 分 类 
function GetIndustry(Industry) { 
var pd = {"t": "1", "Gid": "2" }; 
S$.ajax({ 
type: "post", 
url: "Tools/Code.ashx", 
data: pd, 
dataType: "json", 
success: function (data) { 
if (data.status {= "-1") { 
var dataobj = eval("(" + data.status + ")"); 
S$(Industry).empty(); 
IndustryText = dataobj.root; 
$.each(dataobj.root, function (i, item) { 


if (i== 8){ 
return false; 

上 

var title = item.msg; /显示 文本 

var values = item.code_id; // 值 


S$(Industry).append('<p style="padding:0 7px;" value=" + values + " 
onclick="IndustrySelect(this)">" + title + '</p>"); 


»); 
$(#hymore').show(); 
上 
error function (XMLHttpRequest, textStatus, errorThrown) { 


六 


在 function.js 文件 中 定义 一 个 GetSence 函数 ， 该 函数 主要 实现 获取 所 有 场景 分 类 ， 并 将 其 显示 到 


前 台 页 面 的 功能 。GetSence 函数 代码 如 下 : 
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倒 程 06 ”代码 位 置 : 资源 包 \TM\07\Pro_show\web\web\js\function.js 


/获取 场景 分 类 
function GetSence(Sence){ 
var pd = {"t": "1", "Gid": "3" 
$.ajax({ 
type: "post", 
url: "Tools/Code.ashx", 
data: pd, 
dataType: "json", 
Success: function (data) { 
if (data.status != "-1") { 
Var dataobj = eval("(" + data.status + ")"); 
$(Sence).empty(); 
SenceText = dataobj.root; 
$.each(dataobj.root, function (i, item) { 


if(i== 8) { 
return false; 

} 

var title = item.msg; /显示 文本 

var values = item.code_id; // 值 


$(Sence).append('<p style="padding:0 7px;" value=" + values + " 
onclick="SenceSelect(this)">' + title + '</p>"); 


六 

$(#cjimore').show(); 
} 
error: function (XMLHttpRequest, textStatus, errorThrown) { 
} 


六 
} 
在 index.html 中 找到 $(function0 人 人) 函数 , 该 函数 中 调用 自 定义 的 GetIndustry 函数 和 GetSence 函数 
显示 行业 和 场景 分 类 ， 关 键 代码 如 下 : 
倒 程 07 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\index.html 


GetIndustry(#IndustryDiv'); 1/ 获取 行业 
GetSence(#SenceDiv'); // 获 取 场 景 


上 面 代码 中 用 到 的 IndustryDiv' 和 SenceDiv 是 HIML 中 定义 的 两 个 标记 ， 标 记 代 码 如 下 : 


倒 程 08 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\index.html 
<div style="background-color:white; width:1140px; margin:20px auto; border-radius:10px;"> 

< 上 -行业 --> 

<section id="listindustryDiv" style="height:40px; position:relative; width:1120px; margin:0px auto; " 
class="bennTitle "> 

<div style="z-index:5; height:30px; width:100%; position:absolute; top:0;left:0; margin-top:10px;"> 
<div id="fdbg" style="background-color:#f39800; height:30px; width:45px; position:absolute; 

left:56px;"></div> 


</div> 


<p style="color#666666; cursor:default:"> 行 业 </p> 
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<p style="background-color:#f39800; width:40px; color:#ff; margin-right:30px; text-align:center;" 
value="0" onclick="IndustrySelect(this)"> 全 部 </p> 
<section style="float:left:" id="IndustryDiv" class="bennTitle"> 
<!-- 行 业 title--> 


</section> 
<p id="hymore" style="float:right; margin-right:20px; display:none;" 
‘onMouseOver="IndustryOverp(this)" onMouseOut="IndustryOutp(this)"> 更 多 +</p> 
<section id="moreln"></section> 
</section> 
<hr style="border:dashed 1px #CCCi clearboth; margin-top:10px; width:1090px; margin-left:auto; 
margin-right:auto;" /> 
<!- 场 景 -> 
<section id="listSenceDiv" class="bennTitle” style="height:40px; padding-bottom:10px; position:relative; 
width:1120px; margin:0px auto;"> 
<div style="z-index:5; height:30px; width:100%; position:absolute; top:0;left:0; margin-top:10px;"> 
<div id="cjbg" style="background-color:#f39800; height:30px; width:45px; position:absolute; 
left:56px;"></div> 
</div> 
<p style="color:#666666; cursor:default;"> 场 景 </p> 
<p style="background-color:#f39800; width:40px; color:#fff; margin-right:30px;" value="0" 
onclick="SenceSelect(this)"> 全 部 </p> 
<section style="float:left," id="SenceDiv" class="bennTitle"> 
<!-- 场 景 title--> 
</section> 
<p id="cjmore" style="float:right; margin-right:20px; display:none;" 
onMouseOver="SenceOverp(this)" onMouseOut="SenceOutp(this)"> 更 多 +</p> 
<section id="moreCen"></section> 
</section> 
</div> 


按照 行业 和 场景 分 类 模板 的 效果 如 图 7.15 所 示 。 


和 上 国 四 ”了 KR/IT 地 产 /家 教育 /培训 。 服 铸 / 时 尚 “餐饮 /食品 。 侈 融 / 报 行 零售 / 电 商 。 媒体 / 广 和 


场 时 国 图 。 全。 推广 ”产品 介绍 “会议 汶 清 。 课程 培 训 。 企 业 8 圣 。 活动 宣传 。 节日 传情 


7.15 ”按照 行业 和 场景 分 类 模板 
3. 显示 和 查询 现 有 模板 
在 Tools 文件 夹 中 创建 一 个 temp.ashx 一 般 处 理 程序 文件 ， 打开 temp.ashx 文件 ， 首 先 使 用 using 
关键 字 引 用 必要 的 命名 空间 ， 以 便 调 用 其 中 的 类 及 其 所 属 方法 。 代 码 如 下 : 


倒 程 09 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\Tools\temp.ashx.cs 


using Bll; 
using System.Data; 
using System.Web; 


修改 temp 类 的 继承 接口 ,使 其 继承 System.Web.SessionState.IRequiresSessionState 接口 ， 以 便 使 该 


类 可 以 使 用 Session 记录 登录 信息 。 代 码 如 下 : 
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倒 程 10 ”代码 位 置 : 资源 包 \TM\07\Pro_show\web\web\Tools\temp.ashx.cs 
public class temp : IHttpHandler, System.Web.SessionState.IRequiresSessionState 


在 temp.ashx 文件 中 定义 一 个 GetTemp 方法 ， 该 方法 主要 实现 通过 调用 后 台 方 法 ， 并 向 后 台 方 法 
传递 数据 之 后 获取 模板 基本 信息 的 功能 。 代 码 如 下 : 
倒 程 11 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\Tools\temp.ashx.cs 


ll <summary> 

Ul 获取 模板 

ll </summary> 

ll <param name="context"></param> 

public void GetTemp(HttpContext context) 

' 
string H = HttpContext.Current.Request.Form["H"]; /行业 
string C = HttpContext.Current.Request.Form["C"]; /场景 
/免费 还 是 全 部 全 部 为 0 免费 为 1 
string orderByFree = HttpContext.Current.Request.Form["orderByFree"]; 
/最 新 发 布 还 是 最 受 欢 迎 1 为 最 新 发 布 0 为 最 受 欢迎 
string OrderByNew = HttpContext.Current.Request.Form["OrderByNew"]; 


string Pagelnt = HttpContext.Current.Request.Form["Pagelnt"]; // 当 前 页 
string CountRow = HttpContext.Current.Request.Form["CountRow"]; /每 页 记录 数 
string SerachStr = HttpContext.Current.Request.Form["SerachStr"]; /查询 语句 


TempsBIl BLL = new TempsBIl(); 

DataTable dt = BLL.GetTable(int.Parse(H), int.Parse(C), int.Parse(orderByFree), int.Parse(OrderByNew), 
int.Parse(Pagelnt), int.Parse(CountRow), f.MyEncodeInputString(SerachStr));，// 获 取 所 有 模板 

if (dt == null) 


// 如 果 没 有 查询 到 模板 就 向 前 台 返 回 -1 
context.Response.Write("{\"status\":\-1\"}"); 
return; 


3} 

// 格 式 会 查询 到 的 内 容 ， 返 回 到 前 台 

string json = f.ToJson(dt); 

json = json.Replace(™\™", "\"™"); 

context.Response.Write("{\"status\":\"" + json + ™\"}"); 
} 


显示 和 查询 现 有 模板 的 效果 如 图 7.16 所 示 。 


4. 模板 点 击 量 的 添加 和 计算 

在 temp.ashx 文件 中 定义 一 个 AddMouseClick 方 法 ,该 方法 主要 通过 调用 增加 点 击 次 数 的 方法 功能 ， 
具体 实现 时 , 首先 获取 前 台 页 面 传递 过 来 的 模板 编号 , 然后 调用 TempsBll 类 的 AddNum 方法 增加 指定 
模板 的 点 击 次 数 ， 最 后 将 值 传 递 到 前 台 ， 以 便 进行 页 面 展示 。AddMouseClick 方法 代码 如 下 : 

倒 程 12 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\Tools\temp.ashx.cs 


ll <summary> 
ll 添加 点 击 次 数 
ll </summary> 


@ 
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/lll <param name="context"></param> 

public void AddMouseClick(HttpContext context) 

{ 
/获取 前 台 传递 过 来 的 模板 编号 
string temp_code = HttpContext.Current.Request.Form["temp_code"]; 
TempsBll bll = new TempsBIl(); 
bll.AddNum(temp_code); /添加 点 击 次 数 
context.Response.Write("{\"status\":\"O\"}"); 
return; 

S 


显示 模板 点 击 量 的 效果 如 图 7.17 所 示 。 


7.16 ”显示 和 查询 现 有 模板 


Falher’ 


生命 里 的 好 苞 苞 


5. H5 场景 的 新 建 


在 Tools 文件 夹 中 创建 一 个 User.ashx 一 般 处 理 程序 文件 ， 打 开 User.ashx 文件 ， 首 先 使 用 using 关 
键 字 引用 必要 的 命名 空间 ， 以 便 调 用 其 中 的 类 及 其 所 属 方法 ， 代 码 如 下 : 


胞 马 马 ASPNET 项 目 开发 全 程 实录 (第 4 版 ) 


倒 程 13 代码 位 置 资源 包 \TM\07\Pro_show\web\web\Tools\User.ashx.cs 


using Bll; 


using System.Collections.Generic; 
using System.Web; 


修改 User 类 的 继承 接口 ， 使 其 继承 System.Web.SessionState.IRequiresSessionState 接口 ， 以 便 使 该 


类 可 以 使 用 Session 


记录 登录 信息 ， 代 码 如 下 : 


倒 程 14 代码 位 置 资源 包 \TM\07\Pro_show\web\web\Tools\User.ashx.cs 
public class User : IHttpHandler, System.Web.SessionState.IRequiresSessionState 


在 User.ashx 文件 中 定义 一 个 CheckUser 方法 ， 该 方法 主要 实现 检查 用 户 是 否 登录 ， 并 将 验证 之 后 
的 数据 输出 到 前 台 的 功能 ， 代 码 如 下 : 


倒 程 15 ”代码 位 置 : 资源 包 \TMVWO7\Pro_showNwebvwebVTools\User.ashx.cs 


ll <summary> 


几 检查 用 户 是 否 登录 


ll </summary> 


/ll <param name="context"></param> 
public void CheckUser(HttpContext context) 


if (HttpContext.Current.Session["UserName"] == null) // 验 证 用 户 是 否 登录 
context.Response.Write("{\"status\":\"-1\"}"); /1 返回 没有 登录 的 标识 
return; 

} 

else 
context.Response.Write("{\"status\":\"O\"}"); // 返 回 已 经 登录 的 标识 


通过 上 面 代 码 判 断 用 户 登录 成 功 后 ， 在 Show 网 页 中 单 
击 空白 模板 ， 如 图 7.18 所 示 ， 可 以 弹出 新 建 场景 选项 。 

下 面 对 新 建 场景 选项 的 关键 代码 进行 介绍 。 新 建 场景 页 
面 是 在 SelectHy.html 文件 中 实现 , 该 页 面 中 , 主要 需要 选择 
场景 的 分 类 ， 该 功能 是 通过 JavaScript 脚本 函数 实现 的 。 在 


SelectHy.html 文件 中 


定义 一 个 GetHy 函数 , 该 函数 主要 通过 


调用 一 般 处 理 文件 Code.ashx 中 实现 显示 下 拉 列 表 的 
GetCode 方法 ， 将 设置 好 的 参数 传递 到 后 台中 ， 而 后 台 会 


据 传 递 的 参数 , 找到 
函数 代码 如 下 : 


相应 方法 进行 后 台 验 证 和 保存 等 GetHy 


图 7.18 单 击 空白 模板 


倒 竹 16 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\SelectHy.html 


function GetHy() 
var pd={"t" 


@ 


{ 
Sm 


/显示 下 拉 列 表 〈 分 类 ) 


第 7 章 Show 一 一 企业 个 性 化 展示 平台 ( JSON 数据 解析 +HTML5 + MySQL 实现 ) 


S$.ajax({ // 调 用 后 台 方 法 
type: "post", 
url: "Tools/Code.ashx", 
data: pd, 
dataType: "json", 
success: function (data) { 
if (data.status != "-1"){ 


var dataobj = eval("(" + data.status + ")"); /格式 化 从 后 台 传递 过 来 的 数据 
$.each(dataobj.root, function (i, item) { /1 循环 显示 列表 里 的 数据 
if(i== 8){ 
return false; 
} 
var title = item.msg: /提取 并 显示 文本 
var values = item.code_ id; /显示 值 
$('#hyselect').append('<option value=" + values + ">' + title + '</option>"); /添加 内 容 
六 
} 
» 
error: function (XMLHttpRequest, textStatus, errorThrown) { 
} 
六 
} 
$(function () { 
GetHy(); // 网 页 加 载 时 即 就 调用 方法 


六 


此 时 选择 场景 分 类 下 拉 列 表 就 实现 了 ， 在 选择 场景 页 面 中 单 击 “ 选 择 分 类 ”下 拉 列 表 ， 即 可 选择 
场景 的 分 类 ， 效 果 如 图 7.19 所 示 。 


选择 分 类 | 互联 nT Hy 


注意 : 禁止 发 布 有 奖 转发, 诱导 关注 , 医药 , 色情 不良 风气 等 场景 查看 , 详情 


审核 规则 


图 7.19 选择 场景 分 类 页 面 效果 
选择 完 场景 分 类 后 ， 单 击 选择 场景 页 面 中 的 “创建 ”按钮 ， 即 可 打开 HS 场景 编辑 页 面 ， 实 现 “ 创 
建 ”按钮 功能 主要 是 通过 自 定义 一 个 JavaScript 函数 Create 实现 ， 该 函数 位 于 SelectHy.html 文件 中 ， 
它 主要 通过 调用 一 般 处 理 文件 temp.ashx 中 实现 创建 场景 的 CreateTemp 方法 ， 首 先 获取 下 拉 列 表 中 选 
中 的 内 容 ， 之 后 把 参数 传递 到 后 台 进 行 验证 ， 最 后 再 将 后 台 信 息 传递 到 前 台 ， 前 台 根 据 传递 的 值 打开 


相应 场景 。Create 函数 代码 如 下 : 
®@ 
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倒 程 17 ”代码 位 置 : 资源 包 \TM\07\Pro_show\web\web\SelectHy.html 


function Create(){ /创建 模板 
var hy = $('#hyselect).val(); /获取 类 型 
var pd = { t: "4', 'hyid': hy }; // 需 要 传 的 值 
$.ajax({ // 调 用 后 台 方 法 
type: "post", 
url: Tools/temp.ashx', 
data: pd, 


dataType: "json", 
success: function (data) { 
if (data.status == "-1") { 
/打开 登录 
window.parent.Ejectident('LogiIn.html', "欢迎 光临 ， 登 录 系 统 !", 500, 500); 
var close = $(#CloseCover, parent.document); /关闭 当前 页 


$(#coverDiv', parent.document).remove(); // 移 出 父 页 面 控件 
$(close).parent().parent().remove(); /移出 关闭 按钮 
} 
else{ 
// 跳 转 到 编辑 页 面 


window.parent.location.href = "senceCreate/#/scene/create/" + data.status + "?pageld=1"; 


} 
error: function (XMLHttpRequest, textStatus, errorThrown) { 
} 
六 
} 
在 temp.ashx 一 般 处 理 文件 中 定义 一 个 CreateTemp 方法 ， 该 方法 主要 实现 创建 场景 的 功能 ， 上 有 具体 
实现 时 ， 首 先 验证 用 户 是 否 登 录 ， 如 果 登 录 ， 获 取 前 台 传递 的 值 ， 并 将 其 插入 到 数据 库 中 ， 然 后 返回 
场景 的 id。CreateTemp 方法 代码 如 下 : 


倒 程 18 ”代码 位 置 : 资源 包 \TM\07\Pro_show\web\web\Tools\temp.ashx.cs 


M <summary> 

几 创建 场景 

ll </summary> 

/ll <param name="context"></param> 

public void CreateTemp(HttpContext context) 


if (HttpContext.Current.Session["userlD"] == null) /验证 用 户 是 否 登 录 
context.Response.Write("{\"status\":\"-1\"}"); /1 如果 没有 登录 向 前 台 返 回 -1 
return; 


SceneBll bll = new sceneBIl(); 


string hyid = HttpContext.Current.Request.Form["hyid"]; // 获 取 前 台 传 过 来 的 类 型 
string userld = HttpContext.Current.Session["userlD"].ToString(): // 获 取 登 录用 户 id 

string sceneCode = Guid.NewGuid().ToString(); /生成 一 个 唯一 id 
bll.DefaultScene(userld, hyid, sceneCode); // 创 建 默认 场景 
bll.DefaultScenePage(sceneCode); // 创 建 默认 页 面 
context.Response.Write("{\"status\":\"" + sceneCode + ™\"}"); /向 前 台 返 回 创建 的 唯一 id 
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单 击 选择 场景 页 面 中 的 “创建 ”按钮 ， 打 开 的 H5 场景 编辑 页 面 效 果 如 图 7.20 所 示 。 


7.20 H5 场景 编辑 页 面 


6. 自 定义 查询 模板 


创建 top.html 页 面 ， 该 页 面 中 ， 添 加 布局 代码 ， 以 便 在 Show 网 站 的 Bannder 中 增加 搜索 栏 ， 其 中 
section 是 html5 的 标签 , 用 来 在 每 张 图 片上 添加 一 个 单 击 事件 , 另外 , 在 input 标签 中 有 一 个 Placeholder 
属性 ， 这 个 属性 用 来 设置 在 没有 输入 任何 文字 时 显示 的 默认 提示 信息 ， 代 码 如 下 : 


倒 程 19 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\top.html 


<!-- 整 体 布局 --> 
<section id="webtop" style="background-color:rgba(0,0,0,.5); width:100%; height:60px; min-width:1000px; "> 
< 上 -网 站 logo--> 
<section id="logo" style="float:left; font-weight:900; color:#4D4D4D; text-shadow:5px 2px 15px; 
font-size:38px; line-height:60px; margin-left:5%;"> 
<img src="syslImg/logo.png" onclick="gohome()" style="cursor:pointer;" /> 
</section> 
<!- 查 询 内 容 --> 
<section style="float:left; margin-left:15%; position:relative;"> 
<img src="syslmg/ 图 片 1.png" onclick="Serach()" style="width:25px; height:25px; position:absolute; 
left:453px; top:15px; cursor:pointer;"> 
<input id="serachText" onkeypress="getkey()" type="text" style="border:1px solid #fff; 
border-radius:20px; background-color:rgba(255,255,255,.2); border-width: 1px; height:40px; width:430px; 
margin-top:8px; padding-left:10px; padding-right:50px; color:white;" placeholder=" 请 输入 标题 模板 关键 字 " 
maxlength="21" /> 
</section> 
<section id="ToprightSection" style="float:right; width:410px;"> 
<!-- 显 示 免 费 模板 --> 


p class="mouseHove" id="freeModel" style="float:left; cursor:pointer; " onclick="Rehref()"> 免 费 模板 


</p> 
<!- 显 示 我 的 作品 --> 
<p class="mouseHove" style="float:left; margin-left:30px; cursor:pointer; "onclick="Myprogect()"> 我 


时 
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的 作品 </p> 
< 上 -创作 按钮 -> 
<input id="createBtn" type="button" value=" 创 作 " onclick="ClickCreate()" style="float:left; display:none; 
margin-left:20px; width:80px; height:30px; margin-top:15px; color:#fff; background-color:rgb(255, 134, 72); 
border:none;" /> 
<!-- 登 录 按 钮 -> 
<font id="loginBtn" class="mouseHove" style="float:left; margin-left:50px; line-height:30px; width:50px; 
height:30px; margin-top:15px; border:none; cursor:pointer; color- 厅 39800" onclick="ClickLogin()"> 登 录 </font> 
<!-- 分 割 --> 
<font id="sx" style="color:white; float:left; ">|</font> 
<!-- 注 册 按钮 -> 
<font id="regionBtn" class="mouseHove" style="float:left; line-height:30px; width:50px; height:30px; 
margin-top:15px; margin-left:20px; cursor:pointer" onclick="Clickregion()"> 注 册 </font> 
<!-- 登 录 信息 --> 
<div id="headDiv" style="display:none;"> 
<img id="headlmg" src="userHead/t.jpg" width="40" height="40" style="border-radius:40px; " /><br 
/> 
<div id="mylist" style="background-color:rgba(0,0,0,.5); border:none; border-radius:0px Opx 5px 
5px; margin-top:1px;"> 
<font class="fontcolor"> 我 的 消息 </font><br /> 
<font class="fontcolor" onclick="userCenter()"> 个 人 信息 </font><br /> 
<font id="out" class="fontcolor" onclick="out()"> 退 出 </font> 


</div> 
</div> 
<! 一 鼠标 经 过 显示 动画 下 拉 --> 
</section> 


</section> 


Show 网 站 的 Banner 效果 如 图 7.21 所 示 。 


SHOIOW 博 输 入 标 蛙 模 忆 关键 个 2 我 的 作品 


7.21 Show 网 站 的 Banner 


Show 网 站 的 Banner 中 的 搜索 框 中 输入 查询 的 模板 关键 字 ， 单 击 搜索 图 标 ， 即 可 查询 指定 的 模板 ， 
该 功能 是 使 用 JavaScript 函数 实现 的 ， 另 外， 在 实现 查询 模板 信息 时 ,需要 将 用 户 要 查询 的 内 容 存储 到 
Cookie 中 ,这 涉及 Cookie 的 存 取 操 作 ,因此 在 top.html 文 件 中 ,定义 3 个 函数 ,分 别 是 setCookie、getCookie 
和 Serach， 代 码 如 下 : 


倒 程 20 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\top.html 


// 设 置 Cookie 
function setCookie(name, value) { 
var Days = 30; // 设 置 有 效 时 间 
Var exp = new Date(); 
exp.setTime(exp.getTime() + Days * 24* 60 * 60 * 1000); /设置 时 间 
/设置 Cookie 内 容 
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString(); 


@ 
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了 
/获取 Cookie 
function getCookie(name) { 
var arr, reg = new RegExp("(^| )" + name + "=([;]")(:|$)"); 
if (arr = document.cookie.match(reg)) 
return unescape(arr[2]); 
else 
return null; 


} 
/查询 模板 
function Serach() { 
var serachStr = $(#serachText).val(); 1/ 获取 查询 内 容 
if ($(window.parent.document) .find('#ContentDiv').length == 1) { 
// 证 明 这 个 是 在 有 模板 搜索 的 窗 体 的 存 入 到 Cookie 中 
setCookie('serachStr, serachStr); 


window.parent.SerachStr = $(#serachText').val(); // 设 置 父 窗 体 查询 内 容 
window.parent.serach(); /执行 父 窗 体 方法 

} 

else{ 
window.parent.document.location.href = "index.html"; // 父 窗 体 跳 转 页 面 

} 


} 


定义 完 以 上 函数 后 ,在 top.html 的 页 面 JavaScript 函数 中 调用 上 面 的 3 个 函数 ,实现 查询 模板 信息 
的 功能 ， 代 码 如 下 : 


倒 程 21 代码 位 置 : 资源 包 \TM\07\Pro_show\web\web\top.html 


$(function () { 

$(#serachText).val(getCookie('serachStr)); /初始 化 检索 

setCookie('serachStr, "); /设置 浏览 器 缓存 

if ($(#serachText).val() {= ") { // 如 果 查 询 内 容 不 为 空 
window.parent.SerachStr = $(#serachText).val(); /设置 查询 内 容 
window.parent.GetContext(); /运行 父 窗 体 的 GetContext 方法 

} 

// 省 略 其 他 初始 化 代码 


在 图 7.21 所 示 的 搜索 框 中 输入 要 查询 的 关键 字 ， 按 下 <Enter> 键 或 者 单 击 搜索 图 标 ， 即 可 查询 包含 
指定 关键 字 的 模板 信息 。 

7. 退出 登录 功能 的 实现 

用 户 登录 后 ， 将 鼠标 移动 到 用 户头 像 上 ， 在 显示 的 快捷 菜单 中 单 击 “ 退 出 ” 超 链接 ， 退 出 当前 登 
录用 户 ， 并 清空 用 户 信息 ， 该 功能 是 在 outhtml 文件 中 实现 的 ， 该 文件 中 ， 通 过 JavaScript 函数 调用 一 
般 处 理 文件 User.ashx 中 Out 的 方法 实现 用 户 退 出 的 功能 ， 代 码 如 下 : 


倒 程 22 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\out.html 


$(function () { 
var pd = { "t": "5"}; 


时 
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$.ajax({ 
type: "post", 
url: "Tools/User.ashx", 
data: pd, 
dataType: "json", 
success: function (data) { 
window.parent.window.location.href = "index.html"; 
上 
error function (XMLHttpRequest, textStatus, errorThrown) { 
入 
六 


打开 User.ashx 文件 ， 在 其 中 定义 一 个 Out 方法 ， 该 方法 主要 实现 清空 用 户 名 和 ID， 并 退出 当前 
用 户 登 录 的 功能 ， 代 码 如 下 : 
倒 程 23 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\Tools\User.ashx.cs 


/ll <summary> 

只 用 户 退 出 

ll </summary> 

W <param name="context"></param> 
public void Out(HttpContext context) 
{ 


HttpContext.Current.Session["UserName"] = null; /清空 用 户 名 
HttpContext.Current.Session["userlD"] = null; /清空 用 户 id 
context.Response.Write("{\"status\":\"O\"}"); // 返 回 退出 成 功 


} 

Show 网 站 的 首页 中 ,在 用 户 登录 状态 下 , 将 鼠标 移动 到 个 人 头像 上 ， 出 现 快捷 菜单 ， 单 击 “ 退 出 ” 
按钮 ， 即 可 退出 当前 的 用 户 登 录 状 态 ， 效 果 如 图 7.22 所 示 。 

8. 动画 的 方式 返回 网 页 的 项 部 


在 Show 网 站 首页 的 右 下 角 有 一 个 “返回 顶部 ”按钮 ， 单 击 该 按钮 ， 可 以 实现 返回 到 顶部 的 功能 ， 
该 功能 主要 是 通过 functionjs 文件 中 的 GetTop 函数 实现 ， 该 函数 代码 如 下 : 
倒 程 24 ”代码 位 置 : 资源 包 \TM\07\Pro_show\web\web\js\function.js 


function GetTop() { /1 返回 项 部 
$('body,html').animate({ scrollTop: 0} 600); 
return false; 

} 


定义 完 以 上 函数 后 ， 在 index.html 首页 中 设置 “返回 按钮 ”的 onclick 属性 ， 将 该 属性 设置 为 定义 
的 GetTop 函数 ， 代 码 如 下 : 
倒 程 25 ”代码 位 置 : 资源 包 \TM\07\Pro_show\web\web\index.html 


<section class="asidDiv" onclick="GetTop()"> 
返回 <br /> 顶部 
</section> 


@ 
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“返回 顶部 ”效果 如 图 7.23 所 示 。 


返回 
顶部 
图 7.22 退出 用 户 登录 图 7.23 返回 顶部 


7.6 给 首页 添加 特效 


mr 


7.6.1 给 首页 添加 特效 模块 概述 


给 网 站 首页 添加 模块 主要 包括 HTMLS5 轮 播 图 效果 、 鼠 标 经 过 显示 二 维 码 、 以 层 的 方式 显示 页 面 、 
鼠标 经 过 div 的 下 拉动 画 等 功能 。 例 如 ，HTML5 轮 播 图 效果 如 图 7.24 所 示 。 


图 7.24 轮 播 图 效果 


7.6.2 给 首页 添加 特效 模块 技术 分 析 


给 首页 添加 特效 模块 时 ， 主 要 是 通过 JavaScript 函数 实现 ， 下 面 对 如 何 定义 及 使 用 JavaScript 函数 
进行 讲解 。 

在 JavaScript 中 ， 可 以 使 用 function 语句 来 定义 一 个 函数 。 这 种 形式 是 由 关键 字 function、 函 数 名 
加 一 组 参数 以 及 置 于 大 括号 中 需要 执行 的 一 段 代码 构成 。 使 用 function 语句 定义 函数 的 基本 语法 如 下 : 

function 函数 名 ([ 参 数 1, 参数 2……]) 


语句 


[return 返回 值 ] 


® 
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回 ”函数 名 : 必 选 ， 用 于 指定 函数 名 。 在 同一 个 页 面 中 ， 函 数 名 必须 是 唯一 的 ， 并 且 区 分 大 小 写 。 
回 ”参数 : 可 选 ， 用 于 指定 参数 列表 。 当 使 用 多 个 参数 时 ， 参 数 间 使 用 逗号 进行 分 隔 。 一 个 函数 


最 多 可 以 有 255 个 参数 。 


回 ”语句 : 必 选 ， 是 函数 体 ， 用 于 实现 函数 功能 的 语句 。 


回 返回 值 : 可 选 ， 用 于 返回 函数 值 。 返 回 值 可 以 是 任意 的 表达 式 、 变 量 或 常量 。 
例如 ， 本 模块 中 定义 了 一 个 JavaScript 函数 ， 用 来 实现 使 弹出 页 面 从 上 到 下 慢 慢 出 现 的 动画 效果 ， 


函数 代码 如 下 : 
function anim(id, height, top) { // 窗 体 动 画 
var defaulttop = -height; /把 窗 体 移动 到 可 视窗 口 以 外 
var aniva = window.parent.window.setlnterval(function (){ /| 每 1 毫秒 执行 一 次 
if (defaulttop >= top) { /如 果 当 前 的 位 置 是 设置 的 位 置 
$(id).css(top', top); /设置 新 的 位 置 
window.parent.window.clearlnterval(aniva); /| 关闭 每 一 段 时 间 执 行 一 次 
} 
S$(id, parent.document).css(top', defaulttop); // 设 置 当前 位 置 
defaulttop = defaulttop + 50; // 每 次 移动 50px 


上 人) 


定义 完 JavaScript 函数 后 ， 如 果 想 要 使 用 该 函数 ， 需 要 使 用 <scripf> 标 记 将 JavaScript 函数 所 在 的 
JS 文件 添加 到 要 使 用 的 页 面 中 ， 代 码 如 下 : 
<Sscript src="js/Exect.js"></script> 


最 后 ， 在 要 使 用 的 位 置 使 用 函数 名 调用 即 可 。 
7.6.3 给 首页 添加 特效 模块 实现 过 程 


1. HTML5 轮 播 图 效果 的 实现 


Show 网 站 首页 HTML5 轮 播 图 效果 是 使 用 JavaScript 脚本 实现 ， 在 项 目的 js 文件 夹 中 找到 
MethodIndex.js 文件 ， 该 文件 中 ， 首 先 定义 轮 播 图 相关 的 变量 ， 代 码 如 下 : 


倒 程 26 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\js\MethodIndex.js 


var ctx = null; 

var winWidth = 0; // 画 板 宽度 

var winheight = 0; /画板 高 度 

varimgArr = new Array(4); /广告 轮 播 图 片 

var srcArr = new Array(4); // 轮 播 图 片 链接 

var imgLinx = -100; /水 平 位 移 速 度 ， 负 值 为 反方 向 
var imgDefaultLinx = -100; /水 平 位 移 默认 速度 ， 负 值 为 反方 向 
var Intertime = 10; // 循 环 时 间 

varimglndex = 0; /1 当前 图 片 

var xlength = 0; llx 轴 位 移 长 度 

var OutTime = 3000; /| 暂停 时 间 (毫秒 ) 

var OutDefauleTime = 3000; /默认 暂停 时 间 


@ 
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var isOut = false; // 是 否 暂 停 
var OutInt = OutTime / Intertime; // 暂 停 循 环 计算 出 来 的 次 数 


在 MethodIndex.js 文件 中 定义 一 个 init 函数 ,该 函数 的 主要 作用 是 初始 化 轮 播 图 ， 具 体 实现 时 ， 首 
先 设 置 画板 的 宽度 和 高 度 ， 并 获取 画板 的 环境 ， 程 序 使 用 这 个 环境 来 绘制 轮 播 图 ， 然 后 设置 需要 轮 播 
的 图 片 和 单 击 图 片 时 跳 转 的 链接 。init 函数 代码 如 下 : 

倒 程 27 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\js\MethodIndex.js 


1/ 初始 化 轮 播 图 
function init() { 
winWidth = document body.clientWidth; // 设 置 画板 宽度 
if (winWidth < 1000) { 1/ 如果 宽 度 大 于 1000px 那么 就 设置 成 1000px 
winWidth = 1000; // 根 据 宽度 设置 高 度 
} 
winheight = 300 * winWidth / 1024; // 设 置 包裹 画板 的 div 高 度 
$(#advDiv').css("height", winheight + "px"); // 设 置 画板 高 度 
$(#canvas').attr("height", winheight); /设置 画板 宽度 
winheight = $(#canvas').height(); // 设 置 画板 高 度 
var canvas = document.getElementByld('canvas'); /获取 画板 
ctx = canvas.getContext('2d'); // 获 取 画 笔 
S$(#canvas').attr('width', winWidth); // 设 置 画 板 宽度 


/设置 图 片 路 径 
imgArr[0] = 'sysOrderlmg/show banner1 .jpg'; 
imgArr[1] = 'sysOrderlmg/ 端 午 节 1.jpg'; 
imgArr[2] = 'sysOrderlmg/ 儿 童 节 2.jpg'; 
imgArr[3] = 'sysOrderlmg/ 父 亲 节 1.jpg'; 
/设置 链接 
SrcArr[0] = #'; 
SrcArr[1] = *#'; 
SrcArr[2] = *#'; 
SrcArr[3] = #'; 
window.setlnterval(draw, Intertime); 
/鼠标 单 击 
document.getElementByld('canvas').onmouseup = function (e){ 

var url ="; 

if (imgLinx > 0){ 

if (e.offsetX < xlength) { 
url = srcArrlimgIndex == imgArr.length - 1 ? 0 : imglIndex + 1]; 


// 设 置 每 一 段 时 间 就 画 一 次 图 片 内 容 


} 
else{ 

url = srcArr[imglndex]; 
} 


} 
if (imgLinx < 0) { 
if (e.offsetX < xlength + winWidth) { 
url = srcArr[imglndex]; 
} 
else{ 
url = srcArrfimgIndex == imgArr.length - 1 ? 0 : imglIndex + 1]; 
上 
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下 


window.location.href = url; 
= 一 -一 一 = 


在 MethodIndex.js 文件 中 定义 一 个 draw 函数 ， 该 函数 的 主要 作用 是 每 阳 一 段 时 间 就 重新 绘制 一 次 
图 片 内 容 ， 以 便 实现 轮 播 效果 ， 在 具体 绘制 时 ， 需 要 判断 图 片 是 否 移出 可 视 区 域 ， 如 果 移出 ， 则 显示 
下 一 张 图 片 ， 否 则 显示 当前 图 片 。draw 函数 代码 如 下 : 


倒 程 28 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\js\MethodIndex.js 


// 画 图 
function draw() { 
if (isOut) { 
if (OutInt > 0) { 1/ 图片 是 否 移出 可 视 区 域 
Outint--; // 计 数 减 一 
return; 
} 
else{ /如 果 没有 移出 
Outlint = OutTime / Intertime; 
isOut = false; 
上 
ctx.clearRect(0, 0, winWidth, winheight); /1 清空 画布 
/第 一 张 图 片 
varimg1 = new Image(); 
img1.src = imgArr[imglndex]; /图 片 顺序 
clearDian(); 1/ 清除 点 的 效果 
$(#imgd' + imglndex).css(background-color, 'rgba(0,0,0,.5)"); 1/ 设置 当前 点 的 效果 
// 第 二 张 图 片 


Var img2 = new Image(); 
img2.src = imgArrlimgIndex == imgArrlength - 1? 0 :imglndex + 1]; /图 片 地 址 


ctx.drawlmage(img2, 0, 0, winWidth, winheight); // 下 面 的 图 片 
ctx.drawlmage(img1, xlength, 0, winWidth, winheight); // 上 面 的 图 片 
xlength = xlength + imgLinx; /| 计算 滚动 长 度 
// 如 果 图 片 已 经 滚动 出 去 了 
if (xlength > Math.abs(winWidth) + imgLinx || xlength < -(Math.abs(winWidth) - imgLinx)) 
‘ 
lmglndexets // 显 示 下 一 张 图 片 
xlength = 0; // 重 置 长 度 
if (imgIndex >= imgArr.length) { // 如 果 是 最 后 一 张 图 片 
imglndex = 0; 
} 
isOut = true; 
} 


打开 Show 网 站 首页 时 ， 首 先 显 示 第 一 张 轮 播 图 ， 如 图 7.25 所 示 ; 每 隔 一 定 的 时 间 ， 则 依次 显示 
下 一 张 图 片 ， 效 果 如 图 7.26 所 示 。 


@ 
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H5 交 互 设计 


口 周 从 铝 
全 


ry ry LT 
口 


后 面 的 图 片 〈 此 处 为 第 4 张 图 片 ) 


图 7.26 轮 播 图 的 后 面 效 果 《〈 此 处 为 第 二 张 ) 
2. 鼠标 经 过 显示 二 维 码 
实现 鼠标 经 过 显示 二 维 码 的 功能 时 ， 需 要 使 用 qrcode.min.js 插件 ， 将 该 插件 放 到 项 目的 js 文件 夹 
中 ， 然 后 在 js 文件 夹 下 的 function.js 脚本 文件 的 GetContext 方法 中 ， 通 过 调用 该 插件 实现 显示 二 维 码 
的 功能 ， 代 码 如 下 : 
倒 程 29 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\js\function.js 
var qrcode = new QRCode(document.getElementByld("qgr" + item.temp_code), { 


width: 180, 1/ 设置 宽 

height: 180 // 设 置 高 
六 
qrcode.makeCode('http:// + window.location.host + /senceCreate/view.html?c=view&id=' + item.scene_code + 
'&preview=preview’); /生成 二 维 码 


首页 中 的 场景 模板 默认 效果 如 图 7.27 所 示 , 鼠标 经 过 场景 模板 时 显示 二 维 码 的 效果 如 图 7.28 所 示 。 


® 


转 转 加 ASPNET 项 目 开发 全 程 实录 (第 4 版 ) 


Eee 
生命 里 的 好 爸爸 生命 里 的 好 区 区 
42 42 


图 7.27 场景 模板 默认 效果 图 7.28 和 鼠标 经 过 场景 模板 时 显示 二 维 码 
3. 以 层 的 方式 显示 页 面 
弹出 层 分 为 在 本 页 弹出 页 面 和 在 父 页 面 弹出 页 面 ， 此 处 以 在 父 页 面 中 弹出 层 页 面 为 例 进行 介绍 。 
以 层 的 方式 显示 页 面 功能 是 使 用 JavaScript 脚本 函数 控制 ,打开 js 文件 夹 下 的 Exectjs 文件 ， 其 中 定义 
-个 Eject 函数 , 该 函数 主要 实现 在 父 页 面 中 弹出 页 面 集合 的 功能 , 该 函数 中 有 3 个 参数 , 其 中 , htmlSrc 
表示 html 页 面 路 径 ，width 表示 弹出 页 面 的 宽度 ，height 表示 弹出 页 面 的 高 度 。Eject 函数 代码 如 下 : 
倒 程 30 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\js\Exect.js 


// 弹 出 页 面 方法 集合 htmlSrc 为 html 页 面 路 径 向 父 窗 体 
function Eject(htmlSrc, title, width, height) { 


var winHeight = $(window.parent).height(); 1/ 获取 浏 览 器 高 度 
var winWidth = $(window.parent).width(); // 获 取 浏 览 器 宽度 
var top = ((winHeight - height) / 2) + $(document).scrollTop(); // 计 算 上 部 分 高 度 
var left = (winWidth - width) / 2; // 计 算 左 部 分 宽度 


var CoverHtml = '<div id="coverDiv" style="background-color:rgba(0,0,0,.9); width + 
(window.parent.document.body.scrollWidth + 10) + 'px; height:' + (window.parent.document.body.scrollHeight + 
10) + 'px; position:absolute; top:0px; left0px; z-index:200;"></div>"; /添加 遮盖 层 

/添加 内 容 

var ContentHtml = '<div id="tdiv" class="tdiv" style="position:absolute; top:-' + (height + top) + 'px; left:' + left 
+ 'px; background-color:white; border:solid 1PX #C4C4C4; box-shadow: 1px 1px 10px; border-radius:10px; 
onverflow:hidden; text-overflow:clip; overflow:hidden; width + width + 'px; height:' + height + 'px; 
z-index:200;,">"; 

ContentHtml += '<div style="width:100%; height:0px; border-radius:2PX 2PX OPX 0PX; position:relative; 
mr 

ContentHtml += '<div id="CloseCover" style=" cursor:pointer; position:absolute; width:30px; height:30px; 
text-align:center; line-height:30px; top:5px; right:30px; border-radius:5px 5px Opx Opx; color:rgb(200,200,200);" 
onclick="Cover(this)" title=" 点 击 我 就 关闭 了 ! ">X</div>"; 

ContentHtml += '</div>"; 

ContentHtml += '<iframe scrolling="no" src=" + htmlSrc + " width=" + width + " height=" + height + ™ 
style="border:none;"></iframe>"; 

ContentHtml += "</div>"; 

$(window.parent.document.body).append(CoverHtml + ContentHtml); 

$(window.parent.document.body).css(overlow, 'hidden'); 
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anim('#tdiv', winHeight - $(document).scrollTop(), top); 
3 


在 Exectjs 文件 中 定义 一 个 anim 函数 ， 该 函数 主要 实现 使 弹出 页 面 从 上 到 下 慢 慢 出 现 的 功能 ， 该 
函数 中 有 3 个 参数 : 其 中 ，id 表示 要 设置 的 html 页 面 ，width 表示 弹出 页 面 的 移动 高 度 ，top 表示 弹出 
页 面 的 位 置 .在 该 函数 中 用 到 了 一 个 setInterval 方法 , 该 方法 用 来 设置 每 隔 一 段 时 间 执 行 一 次 指定 操作 。 
anim 函数 代码 如 下 : 

倒 程 31 代码 位 置 : 资源 包 \TM\07\Pro_show\web\web\js\Exect.js 


// 窗 体 动画 
function anim(id, height, top) { 
var defaulttop = -height; // 把 窗 体 移 动 到 可 视窗 口 以 外 
var aniva = window.parent.window.setlnterval(function () { /| 每 1 毫秒 执行 一 次 
if (defaulttop >= top) { // 如 果 当前 的 位 置 是 设置 的 位 置 
S$(id).css('top', top); /设置 新 的 位 置 
window.parent.window.clearlnterval(aniva); /关闭 每 一 段 时 间 执行 一 次 
} 
$(id, parent.document).css(top', defaulttop); /设置 当前 位 置 
defaulttop = defaulttop + 50; /每 次 移动 50px 
上 1) 


例如 ， 在 Show 网 站 首页 单 击 某 个 场景 模板 ， 即 可 在 弹出 的 页 面 中 查看 其 详细 信息 ， 弹 出 的 页 面 
是 以 层 的 方式 覆盖 了 原 有 页 面 进 行 显示 ， 效 果 如 图 7.29 所 示 。 


图 7.29 以 层 的 方式 显示 页 面 


4. 鼠标 经 过 div 的 下 拉动 画 


Show 网 站 首页 中 用 到 了 鼠标 经 过 div 时 ， 显 示 下 拉动 画 的 效果 ， 例 如 ， 如 果 一 个 用 户 登录 成 功 ， 
其 头像 的 默认 效果 如 图 7.30 所 示 ， 当 鼠标 经 过 登录 用 户 的 头像 时 ， 会 显示 相应 操作 的 下 拉动 画 ， 效 果 


如 图 7.31 所 示 。 
_- 国 


鼠标 在 其 他 地 方 
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图 7.30 用 户头 像 默 认 效果 图 7.31 鼠标 经 过 用 户头 像 时 的 效果 
这 里 以 鼠标 经 过 用 户头 像 div 时 的 下 拉动 画 为 例 进行 讲解 , 首先 在 top.html 文件 中 定义 用 户头 像 的 


div， 代 码 如 下 : 


倒 程 32 代码 位 置 ， 资 源 包 \TM\07\Pro_show\web\web\top.html 


<!-- 登 录 信 息 --> 


<div id="headDiv" style="display:none;"> 
<img id="headlmg" src="userHead/t.jpg" width="40" height="40" style="border-radius:40px; " /><br /> 
<div id="mylist" style="background-color:rgba(0,0,0,.5); border:none; border-radius:0px Opx 5px 5px; 


margin-top:1px;"> 


<font class="fontcolor"> 我 的 消息 </font><br /> 
<font class="fontcolor" onclick="userCenter()"> 个 人 信息 </font><br /> 
<font id="out" class="fontcolor" onclick="out()"> 退 出 </font> 


</div> 
</div> 


上 面 代码 中 用 到 了 headDiv， 它 是 一 个 css 样式 ， 主 要 用 来 控制 用 户头 像 默 认 样 式 和 鼠标 经 过 时 的 


样式 ， 具 体 代 码 如 下 : 


倒 程 33 代码 位 置 : 

/* 头 部 样式 */ 

#headDiv { 
width: 100px; 
height: 40px; 
float: right; 


margin-right: 20px; 


margin-top: 10px; 


border-radius: 5px; 


transition: all 0.4s; 
‘overflow: hidden; 
text-overflow: clip; 
color: white; 
text-align: center; 
font-size: 16px; 
line-height: 31px; 


} 
鼠标 经 过 头 部 样式 */ 
#headDiv:hover { 


资源 包 \TM\07\Pro_show\web\web\top.html 


A 宽度 */ 

/高 度 */ 

位置”/ 

"距离 右面 的 距离 */ 
”距离 顶部 的 距离 */ 
让 圆 角 样 式 */ 

让 动画 样式 */ 
隐藏 滚动 条 */ 
/隐藏 文字 */ 

/文字 颜色 

/文字 对 齐 样式 */ 

* 字 体 大 小 */ 


/ 行 高 9 
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height: 150px:; 
background-position-x: 10px; 


7.7 场景 编辑 页 面 设计 


7.7.1 场景 编辑 页 面 概述 


在 Show 网 站 首页 中 单 击 空白 模板 ， 即 可 进入 场景 编辑 页 面 ， 该 页 面 中 ， 用 户 可 以 自己 对 场景 页 
面 进行 编辑 ， 比 如 创建 页 面 、 给 页 面 添 加 文字 、 背 景 、 图 片 等 元 素 ， 另 外 ， 用 户 还 可 以 保存 场景 、 发 
布 场景 、 预 览 场景 。 场 景 编辑 页 面 效果 如 图 7.32 所 示 。 


三 


图 7.32 场景 编辑 页 面 效 果 


DY 场景 编辑 页 面 中 的 效果 主要 是 使 用 HTMLS 技术 实现 的 ， 本 节 对 其 中 的 主要 功能 讲解 时 ， 
主要 讲解 后 台 代 码 ， 关 于 页 面 效 果 的 代码 ， 请 参考 资源 包 中 的 源 代码 。 


7.7.2 场景 编辑 页 面 技术 分 析 


场景 编辑 页 面 是 使 用 HTMLS5 进行 响应 式 布局 的 ， 下 面 对 响 应 式 网 页 设计 进行 讲解 。 

响应 式 设 计 针 对 PC、iPhone、Android 和 iPad， 实 现 了 在 智能 手机 和 平板 电脑 等 多 种 智能 移动 终 
端 浏览 效果 的 流畅 ， 防 止 页 面 变形 ， 能 够 使 页 面 自动 切换 分 辩 率 、 图 片 尺寸 及 相关 脚本 功能 等 ， 以 适 
应 不 同 设备 ， 并 可 在 不 同 浏览 终端 进行 网 站 数据 的 同步 更 新 ， 可 以 为 不 同 终 端的 用 户 提供 更 加 舒适 的 


加 


劝 且 马 ASPNET 项 目 开发 全 程 实录 (第 4 版 ) 


界面 和 更 好 的 用 户 体验 。 
对 页 面 进行 响应 式 的 设计 实现 ， 需 要 对 相同 内 容 进行 不 同 宽度 的 布局 设计 ， 通 常 有 两 种 方式 : 桌 
面 PC 端 优先 〈 即 从 桌面 PC 端 开始 设计 ) ， 移 动 端 优先 《〈 首 先 从 移动 端 开始 设计 ) 。 无 论 以 哪 种 方式 
的 设计 ， 要 兼容 所 有 设备 ， 都 不 可 避免 地 需要 对 内 容 布 局 做 一 些 变化 调整 。 有 模块 内 容 不 变 和 模块 内 
容 改变 两 种 方式 ， 下 面 详细 介绍 。 
回 ”模块 内 容 不 变 ， 即 页 面 中 整体 模块 内 容 不 发 生变 化 ， 通 过 调整 模块 的 宽度 ， 可 以 将 模块 内 容 
从 挤 压 调 整 到 拉 伸 ， 从 平 铺 调整 到 换行 。 效 果 如 图 7.33 所 示 。 


区 间 宽 度 


图 7.33 ”模块 内 容 不 变 


回 ”模块 内 容 改 变 ， 即 页 面 中 整体 模块 内 容 发 生变 化 ， 通 过 媒体 查询 ， 检 测 当 前 设备 的 宽度 ， 动 
态 隐藏 或 显示 模块 内 容 ， 增 加 或 减少 模块 的 数量 。 效 果 如 图 7.34 所 示 。 


区 间 宽 度 


图 7.34 ”模块 内 容 改变 
例如 ， 场 景 预览 页 面 使 用 响应 式 设计 的 代码 如 下 : 


<IDOCTYPE html> 
<html lang="en"><head> 
<meta charset="utf-8" /> 
<meta name="baidu-site-verification ”content="2MKKT6mbuL" /> 
<title> 场 景 预览 </title> 
<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-store, must-revalidate"> 
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 
<META HTTP-EQUIV="expires" CONTENT="0"> 
<meta id="eqMobileViewport" name="viewport" content="width=320, initial-scale=1, maximum-scale=1, 
User-scalable=no" servergenerated="true"> 
<link rel="stylesheet" href="view/css/eqShow-4.2.2.css"/> 
<link rel="stylesheet" href="Public/css/my52.css"/> 
<link rel="stylesheet" href="view/ditu_view.css"/> 
<link rel="stylesheet" href="view/lycc.css" /> 
</head> 
<body> 
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<div id="ppitest" style="width:1in;visible:hidden;padding:0px"></div> 
<div class="p-index main phoneBox" id="con" style="display: none: "> 
<div class="top"></div> 
<div class="phone_menubar"></div> 
<div class="scene_title_baner" style="display: none"> 
<div class="scene_title">{$confinfo2[title]}</div> 
</div> 
<div clas: r" id="nr"> 
<div id="audio_btn" class="off > 
<div id="yinfu"></div> 
<audio loop src="" id="media" autoplay="" preload></audio> 
</div> 
<div id="loading" class="loading"> 
<div class="loadbox"> 
<div class="loadlogo" style="background-image: 
url(/Uploads/<php>if($sceneinfolloadinglogo]):</php>{$sceneinfolloadinglogo]}<php>else:</php>{$confinfo2[im 
gsrc]} <php>endif;</php>");"></div> 
<div class="loadbg" ></div> 
</div> 
</div> 


</div> 
<div class="bottom"></div> 

</div> 

</body> 

<script src="Public/css/waiwan/jquery.min.js"></script> 

<script > 

(function (window, $) { 
window.PREFIX_URL = "http://"+window.location.host+"/Tools/interface.ashx"; 
window.PREFIX_S1_URL = "http:/"+window.location.host+"/";/"/json/"; 
window.PREFIX_S2_URL ="http:/"+window.location.host+"/index.php"; 
window.PREFIX_HOST = "http:/"+window.location.host+"/index.php"; 
window.PREFIX_HOST1 = "http://"+window.location.host+"/index.php"; 
window.PREFIX_FILE_HOST = "http:/"+window.location.host+"/"; 
window.CLIENT_CDN ="http:/"+window.location.host+"/senceCreate/"; 
window.clientWidth = document.documentElement.clientWidth; 

window.clientHeight = document.documentElement.clientHeight; 

})(window, jQuery) 

</script> 

<script type="text/javascript" src="Public/eq/4.2/eqShow-4.2.2_view.js"></script> 

<script> 
var scene = {id:8831289,code:"U705UCE43R",pageMode:0,cover:")}; 
eqShow.bootstrap(); 

</script> 

</html> 


7.7.3 ”场景 编辑 页 面 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb code、tb controls、tb attrs、ts_values、ts jsfile、ts_cssfile、ts_temps、ts_temp_pag、 


ts temp control value、 tb_scene custom, tb scene pag, tb scene control value、 tb user scene、 tb_scene 
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1. 创建 页 面 


在 Tools 文件 夹 中 创建 一 个 interface.ashx 一 般 处 理 程序 文件 ， 该 文件 中 定义 一 个 createPage 方法 ， 
该 方法 主要 用 来 实现 创建 页 面 功能 ， 具 体 实现 时 ， 首 先 获取 前 台 页 面 传递 的 值 ， 然 后 通过 后 台 方 法 来 
验证 和 插入 ,并 创建 页 面 ,最 后 把 JSON 字符 串 传递 到 前 台 , 前 台 通 过 解析 JSON, 来 获取 信息 。createPage 
方法 代码 如 下 

倒 程 34 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\Tools\interface.ashx.cs 


ll <summary> 

JW 创建 页 面 

ll </summary> 

W <param name="context"></param> 
public void createPage(HttpContext context) 
{ 


string id = HttpContext.Current.Request["id"]; 
SceneBll bll = new sceneBIl(); 


string sceneCode = bll.AddUpdate(id); // 获 取 场 景 编码 
Model.scene sm = bll.GetModel(sceneCode.Split('|")[O]); // 获 取 场 景 信息 
if (sceneCode != "™") 
‘ 
string sucStr = @"{ 

"Success' true, 

"code' '200", 

'msg': 'success', 

'obj:{ 

'd:"+id+@", 


'sceneld': " + sceneCode.Split('|)[0] + @"， 

mum': "+ sceneCode.Split('|)[1] + @", 

mame' null, 

'properties': null, 

'elements': null, 

'scene':{ 
'id': "+ sceneCode.Split('|)[0] + @"， 
'name': " + sm.scene_name + @", 
'createUser': " + sm.author + @", 
'createTime': " + sm.addtime + @", 
‘type': " + sm.scene_typeid + @", 
'pageMode': " + sm.movietype + @", 
'isTpl": '0', 
'isPromotion': '0', 


endDate' null, 

"accessCode' null, 

thirdCcode' null, 

"updateTime': '1426039827000', 
'publishTime': '1426039827000', 
'applyTemplate': '0', 
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"applyPromotion : "0 
sourceld': null, 

'code': 'U705UCE43R', 
"description : ", 

sort: '0', 

"pageCount: '0', 
'dataCount': '0', 
‘showCount': '0', 
userLoginName' null, 
'userName": null 


} 
上 
"map': null, 
Aist: null, 
"iscopy':false' 
六 
context.Response.Write(MentStr(sucStr)); 
} 
else 


string failStr = @" { 
"Success' false, 
"code' '403', 
'msg': "创建 新 页 面 失败 '， 
'obj': null, 
'map': null, 
Mist: null 


context.Response.Write(MentStr(failStr)); 


} 


在 场景 编辑 页 面 中 的 左 侧 单 击 “+” 按 钮 ， 效 果 如 图 7.35 所 示 ， 即 可 创建 一 个 新 页 面 ， 如 图 7.36 


所 示 。 


图 7.35 单 击 “+” 按 钮 


复制 删除 


新 创建 的 页 面 


1 页 


@ 第 页 


图 7.36 显示 新 创建 的 页 面 


_ 国 
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2. 删除 页 面 

在 interface.ashx 文件 中 定义 一 个 delPage 方法 ， 该 方法 主要 用 来 实现 删除 页 面 功能 ， 有 具体 实现 时 ， 
首先 获取 前 台 页 面 传递 过 来 的 页 面 ia， 然后 通过 调用 DeletePage 方法 删除 这 个 页 面 ， 最 后 生成 JSON 
字符 串 ， 并 传递 到 前 台 页 面 ， 供 前 台 解 析 。delPage 方法 代码 如 下 : 

倒 程 35 代码 位 置 资源 包 \TM\07\Pro_show\web\web\Tools\interface.ashx.cs 

中 <summary> 


U/ 删除 页 面 

ll </summary> 

/ll <param name="context"></param> 
public void delPage(HttpContext context) 


{ 
string id = HttpContext.Current.Request["id"]; 
SceneBll bll = new sceneBIl(); 
string sceneCode = bll.DeletePage(id); 1/ 获取 场景 编码 
if (sceneCode != "™") 
€ 
string msg = @"{ 
"success' true, 
"code' '200', 
'msg" "删除 成 功 '， 
‘obj': null, 
'map': null, 
"ist': null}y"; 
context.Response.Write(MentStr(msg)); 
} 
else 
{ 
string msg = @"{ 
"Success' false, 
'code": '403', 
"msg': ' 创 建新 页 面 失败 '， 
'obj': null, 
'map': null, 
Mist: null 
context.Response.Write(MentStr(msg)); 
} 
} 
在 场景 编辑 页 面 中 的 左 侧 选中 要 删除 的 页 面 , 单 击 “ 删 区 
除 ”按钮 ， 如 图 7.37 所 示 ， 即 可 删除 选中 的 页 面 。 
复制 ”删除 
3. 复制 页 面 和 
在 interface.ashx 文件 中 定义 一 个 copyPage 方法 , 该 方 站 E33 


法 主要 用 来 实现 复制 页 面 功能 ， 具 体 实现 时 ， 首 先 获取 前 
台 页 面 传递 过 来 的 页 面 id， 然 后 通过 调用 CopyPage 方法 图 737 单 击 “ 删 除 ”按钮 删除 选中 页 面 


@ 
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复制 这 个 页 面 ， 最 后 生成 JSON 字符 串 ， 并 传递 到 前 台 页 面 ， 供 前 台 解析 。copyPage 方法 代码 如 下 : 
倒 程 36 ”代码 位 置 : 资源 包 \TM\07\Pro_show\web\web\Tools\interface.ashx.cs 
ll <summary> 
JW 复制 页 面 
ll </summary> 


/lll <param name="context"></param> 
public void copyPage(HttpContext context) 


{ 
string id = HttpContext.Current.Request["id"]; // 获 取 场 景 编码 
SceneBll bll = new sceneBIl(); 
string sceneCode = bll.CopyPage(id); /复制 场景 
Model.scene sm = bll.GetModel(sceneCode.Split(|)[0]); /获取 场景 信息 
if (sceneCode != "™") 
{ 


string msg = @"{ 
'success": true, 
"code' '200', 
'msg': 'success’, 
'obj:{ 
id:"+id+ @", 
'sceneld': " + sceneCode.Split('|)[0] + @", 
mum': "+ sceneCode.Split('|)[1] + @", 
mame' " + sceneCode.Split('|)[2] + @", 
'properties': null, 
'elements': null, 
'scene':{ 
'id': "+ sceneCode.Split('|)[0] + @"， 
mame': " + sm.scene_name + @", 
'createUser': "+ sm.author + @"， 
'createTime': " + sm.addtime + @", 
'type': "+ sm.scene_typeid + @", 
‘pageMode': " + sm.movietype + @", 
'isTpl": '0', 
'isPromotion': "0' 
"status' "1", 
"openLimit' 
submitLimit: '0', 
'startDate": null, 
'endDate": null, 
'accessCode": null, 
‘thirdCode": null， 
'updateTime": '1426039827000', 
'publishTime': '1426039827000', 


'sourceld': null, 
'code': 'U705UCE43R', 
'description': ", 
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"sort: '0', 
"pageCount: '0', 
"dataCount: '0' 
‘showCount': '0', 
userLoginName' null, 
"userName': null 


} 
} 
"map": null, 
Mist: null, 
"iscopy':true' 
六 
context.Response.Write(MentStr(msg)); 
} 
else 
{ 


string msg = @"{ 

'success': false, 

'code': '403', 

'msg': ' 创 建新 页 面 失败 '， 

'obj': null, 

'map': null, 

"list': null 
入 
context.Response.Write(MentStr(msg)); 


} 
在 场景 编辑 页 面 中 的 左 侧 选中 要 复制 的 页 面 ， 如 图 7.38 所 示 。 


页 面 中 的 原 有 内 容 大 家 好 


图 7.38 选中 要 复制 的 页 面 
单 击 “ 复 制 ” 按 钮 ， 即 可 复制 一 个 与 选中 页 面相 同 的 页 面 ， 如 图 7.39 所 示 。 


@ 
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WD 单 击 “复制 ”按钮 


@ 显示 新 页 面 


与 原 页 面相 同 的 内 容 | | 大 家 好 


图 7.39 单 击 “ 复 制 ” 按 钮 复制 页 面 


4. 调整 页 面 顺序 

在 interface.ashx 文件 中 定义 一 个 pageSort 方法 ， 该 方法 主要 用 来 实现 调整 页 面 顺序 的 功能 ， 具 体 
实现 时 ， 首 先 获取 前 台 的 页 面 id 和 要 变动 的 页 面 顺序 ， 然 后 通过 调用 UpdateSize 方法 调整 指定 的 页 面 
顺序 ， 最 后 生成 JSON 字符 串 ， 并 传递 到 前 台 页 面 ， 供 前 台 解 析 。pageSort 方法 代码 如 下 : 

倒 程 37 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\Tools\interface.ashx.cs 


M <summary> 

Ul 调整 页 面 顺序 

ll </summary> 

/ll <param name="context"></param> 
public void pageSort(HttpContext context) 
{ 


string pageid = HttpContext.Current.Request["pageid"]; 。 // 获 取 页 面 id 
string num = HttpContext.Current.Request["num"]; // 获 取 页 面 顺序 
sceneBIl bll = new sceneBIl(); 
if (bll.UpdateSize(int.Parse(pageid), int.Parse(num))) /修改 页 面 顺序 
{ 
string sucStr = @" { 
"success' true, 
"code' '200", 
'msg': "操作 成功 '， 
'obj': null, 
map': null, 
"ist': null 
context.Response.Write(MentStr(sucStr)); 
} 


else 


string failStr = @" { 
Success' false, 
'code': '403', 
'msg": 页 面 顺序 调整 失败 ' 


obj- null, 
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"map': null, 
Aist: null 
context.Response.Write(MentStr(failStr)); 


3 


在 场景 编辑 页 面 中 的 左 侧 选中 要 调整 顺序 的 页 面 ， 使 用 鼠标 随意 拖 搜 即 可 调整 其 顺序 ， 效 果 如 
图 7.40 所 示 。 


使 用 鼠标 对 其 上 下 拖 搜 


图 7.40 调整 页 面 顺序 
5. 保存 页 面 信息 
在 interface.ashx 文件 中 定义 一 个 savePage 方法 ， 该 方法 主要 用 来 实现 保存 页 面 信息 的 功能 ， 上 有 具体 
实现 时 ， 首 先 获 取 前 台 页 面 传递 过 来 的 页 面 id， 并 把 这 些 值 插入 到 模板 中 ， 然 后 将 模板 传递 到 后 台 ， 
通过 后 台 的 验证 和 插入 来 完成 保存 页 面 信息 的 功能 。savePage 方法 代码 如 下 : 
倒 程 38 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\Tools\interface.ashx.cs 


M <summary> 

Ul 保存 页 面 信息 

ll </summary> 

/ll <param name="context"></param> 
public void savePage(HttpContext context) 
{ 


string msg = ""; 


string id = HttpContext.Current.Request["id"]; // 获 取 页 面 id 
string content_text = HttpContext.Current.Request["elements"]; // 获 取 页 面 内 容 
string scene_code = HttpContext.Current.Request["sceneld"]; /获取 场景 这 
string pageName = HttpContext.Current.Request["'name"]; // 获 取 页 面 名称 
string num = HttpContext.Current.Request["num"]; // 获 取 页 面 页 码 
string bgAudio = HttpContext.Current.Request["bgAudio"]; // 获 取 背 景 音乐 


sceneBll bll = new sceneBIl(); 
Model.scene_pag mp = new Model.scene_pag(); 


mp.scene_pag_id = id; /设置 id 
mp.content_text = content_text; // 设 置 页 面 内 容 
mp.scene_code = scene_code; /设置 场景 id 
mp.pageName = pageName; // 设 置 页 面 内容 
mp.num = num; // 设 置 页 面 页 码 
mp.bgAudio = bgAudio; // 设 置 背 景 音乐 
if (bll.SavePage(mp)) // 保 存 页 面 信息 
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{ 
msg=@" 
{ 
'success': true, 
'code': '200"', 
'msg': 'success', 
‘obj': null, 
map': null, 
"ist': null}"; 
} 
else 
. 
msg= @"{ 
"success' false, 
"code' '403', 
'msg": "保存 失败 '， 
"obj: null, 
'map': null, 
Mist: null 
六 
} 
context.Response.Write(MentStr(msg)); 
} 
在 场景 编辑 页 面 中 编辑 完 场景 页 面 后 ， 单 击 “ 保 品 间 
存 ” 按钮 ， 如 图 7.41 所 示 ， 即 可 保存 编辑 的 页 面 。 a= i 


6. 设置 场景 封面 | sa 


在 interface.ashx 文件 中 定义 一 个 uploadCoverImg 
方法 ， 该 方法 主要 用 来 实现 为 场景 模板 设置 封面 的 功  。 图 7 人 1 单 击 “ 保 存 ”按钮 保存 编辑 的 页 面 
能 ， 具 体 实现 时 ， 首 先 获取 前 台 传 递 的 图 片 路 径 、 图 片 类 型 、 截 图 X 坐标 、 截 图 Y 坐标 等 信息 ， 然 后 
到 后 台 进行 查询 和 插入 ， 最 后 把 组 成 的 JSON 字符 串 传 递 到 前 台 ， 供 前 台 解析 。uploadCoverImg 方法 
代码 如 下 : 


倒 程 39 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\Tools\interface.ashx.cs 
ll <summary> 

// 设置 封面 

ll </summary> 

/<param name="context"></param> 

public void uploadCoverImg(HttpContext context) 


‘ 

string src = HttpContext.Current.Request["sre"]; /图 片 路 径 
string fileType = HttpContext.Current.Request["fileType"]; /图 片 类 型 
string x = HttpContext.Current.Request["x"]; /截图 X 坐标 
string y = HttpContext.Current.Request["y"]; /截图 Y 坐标 
string w = HttpContext.Current.Request['Ww"]; /截图 宽度 
string h = HttpContext.Current.Request["h"]; /截图 高 度 
string id = HttpContext.Current.Request["id"]; /图 片 id 


SceneBll bll = new sceneBll(); 
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/修改 封面 
if (bll.UpdateCover(src, fileType, int.Parse(x), int.Parse(y), int.Parse(w), int.Parse(h), id)) 
{ 
string msg = @"{ 
Success'true， 
'code':200, 
mas: 
'obj:" + src + @", 
'map': { 
"id':25467357， 
'path':" + src + @", 
'src:" + src + @", 
Yy:"+y+@", 
WwW"+w+@", 
h"+h+@", 
XT 
"index':" 
fileType": 


"+fileType + @” 


Mist:null 


context Response.Write( MentStr(msg)); 


和 
else 
{ 
string msg = @"{ 
"Success' false, 
"code' 403, 
"msg': ' 上 传 缩 略图 失败 '， 
'obj"': null, 
'map": null, 
"ist': null 
context.Response.Write(MentStr(msg)); 
} 


} 
在 场景 编辑 页 面 中 编辑 完 场景 的 所 有 页 面 后， 单 击 “ 发 布 ”按钮 ， 显 示 发 布 页 面 ， 该 页 面 中 单 击 
“更 换 封 面 ”图 片 ， 如 图 7.42 所 示 。 


图 7.42 单 击 “ 更 换 封面 ”图 片 
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弹出 “素材 管理 ”对 话 框 ， 在 该 对 话 框 的 左 侧 选择 分 类 ， 然 后 右 侧 选择 要 作为 封面 的 图 片 ， 单 击 
“确定 ”按钮 ， 如 图 7.43 所 示 。 


素材 管理 
RB 


图 7.43 “素材 管理 ”对 话 框 
弹出 “图 片 裁 切 ” 对 话 框 ， 如 图 7.44 所 示 ， 该 对 话 框 中 用 鼠标 拖 动 图 片 到 适当 位 置 ， 单 击 “ 确 定 ” 
按钮 ， 即 可 将 指定 的 场景 封面 蔡 换 为 设置 的 图 片 ， 如 图 7.45 所 示 。 
图 片 裁 切 


ai 出 0 用 鼠标 拖 扫 图 片 


@ 单 击 “ 确 定 ”按钮 


图 7.44 “图 片 裁 切 ”对 话 杠 图 7.45 更 换 后 的 场景 封面 


7. 预览 场景 

在 interface.ashx 文件 中 定义 一 个 preview 方法 ， 该 方法 主要 用 来 实现 预览 场景 的 功能 ， 有 具体 实现 
时 ， 首 先 获取 要 预览 的 场景 id， 然后 通过 调用 GetModel 方法 获取 指定 场景 的 详细 信息 ， 最 后 循环 遍历 
获取 到 的 场景 信息 ， 将 其 添加 到 JSON 字符 串 中 ， 并 传递 到 前 台 页 面 ， 供 前 台 解 析 。preview 方法 代码 


如 下 : ® 
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倒 程 40 ”代码 位 置 : 资源 包 \TM\07\Pro_show\web\web\Tools\interface.ashx.cs 


ll <summary> 

UI/ 预览 场景 

ll </summary> 

/lll <param name="context"></param> 
public void preview(HttpContext context) 


{ 
string id = HttpContext.Current.Request["id"]; /获取 场景 id 
SceneBll bll = new sceneBIl(); 
Model.scene sm = bll.GetModel(id); /获取 场景 信息 
if (sm.author != null) 
{ 


List<Model.scene_pag> mplist = bll.GetPageListBySceneCode(id); // 场 景 页 面 
StringBuilder pStr = new StringBuilder(); 
foreach (Model.scene_pag m in mplist) 
| 
// 添 加 场景 内 容 
pStr.Append(@"{'iid': " + m.scene_pag_id + @", 
'sceneld: "+ id + @", 
mum':"+ m.num + @", 
‘name': " + m.pageName + @", 
'properties': null, 
'elements': " + (m.content_text == " ? "0" : m.content_text) + @" ， 
"Scene' null},"); 


} 

/检查 是 否 可 以 预览 的 状态 
string status = bll.GetStatus(id); 
if (status == "" || status == "2") 


string Statusmsg = @"{ 
"success' false, 


‘code': 403， 
'msg": 有 预览 失败 '， 
"obj': null, 
"map': null, 
Mist: null 
六 
context.Response.Write(MentStr(Statusmsg)); 
return; 
} 
CodeBll cbll = new CodeBIl(); /检查 是 否 有 敏感 词 
DataTable dt1 = cbll.GetTableByGroup("9", 0); // 一 级 敏感 词 
DataTable dt2 = cbll.GetTableByGroup("10", 0); /二 级 敏感 词 
foreach (DataRow dr in dt2.Rows) /查询 有 没有 二 级 敏感 词 
{ 
string gjc = dr["msg"].ToString(); /敏感 词 
string checkStr = pStr.ToString(); // 待 检测 的 字符 串 


if (checkStr.Contains(gjc)) 


// 存 在 敏感 词 停 用 账户 ， 更 改 状态 
bll.SetUserAndStatus(id); 


@ 
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break; 


} 


} 

// 查 询 有 没有 一 级 敏感 词 

foreach (DataRow dr in dt1.Rows) 

{ 
string gjc = dr["msg"].ToString(); /敏感 词 
string checkStr = pStr.ToString(); // 待 检测 的 字符 串 
if (checkStr.Contains(gjc)) 


// 存 在 敏感 词 ， 停 用 账户 ， 更 改 状态 
bll.SetSenceStatus(id); 
break; 

} 


二 
/操作 成 功 
string msg = @"{ 
'success': true, 
'code": '200', 
'msg': 操作 成 功 ， 
'obj': { 
id: "+id+ @", 
‘name': " + sm.scene_name + @", 
'createUser': " + sm.author + @", 
‘type':" + sm.scene_custom_id + @", 
'pageMode': " + sm.movietype + @"， 
"cover: "+ sm.cover + @", 
"bgAudio':" + (sm.musicUrl == "" ? "" : Sm.musicUr) + @", 
code "+id+ @", 
'description': " + sm.des + @", 
'UpdateTime': " + sm.addtime + @"， 
'createTime': "+ sm.addtime + @", 
'publishTime': " + sm.addtime + @", 
'property':{'triggerLoop':true,'eqAdType':1,'hideEqAd':false} 
} 
map' null, 
"ist: [ 
"+ pStr.ToString().Trim(,’) + @" 
] 
入 /向 前 台 显示 操作 成 功 
context.Response.Write(MentStr(msg)); 


TempsBlltbll = new TempsBIl(); 
Model.temp tmodel = tbll.GetModelTemp!(id); /模板 信息 
if (tmodel.author == null) 
4 
string msg = @"{ 
'success': false, 
'code': '403', 
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"msg': 预览 失败 '， 

"obj: null, 

map': null, 

Mist: null 

六 
context.Response.Write(MentStr(msg)); 

} 
else 
{ 


List<Model.temp_pag> mplist = tbll.GetPageListByTempCode(id); /场景 页 面 
StringBuilder pStr = new StringBuilder(); 
foreach (Model.temp_pag m in mplist) 


pStr.Append(@"{'id': " + m.pag_id + @", 
'sceneld " + id + @", 
mum':"+ mnum + @", 
‘name': " + m.pageName + @", 
'properties': null, 
'elements': " + (m.content_text == ™ ? "[]" : m.content_text) + @" ， 
'scene': null},"); 


} 
string msg = @"{ 
"success' true, 
'code': '200", 
'msg': "操作 成功 '， 
'obj': { 
id: "+id+ @", 
‘name': " + tmodel.temp_name + @", 
"createUser: " + tmodel.author + @", 
‘type"':" + tmodel.scene_custom_id + @", 
'pageMode': " + tmodel.movietype + @", 
"cover: "+ tmodel.cover + @", 
'bgAudio':" + (tmodel.musicUrl == ™" ? "" :tmodel.musicUr) + @", 


code " +id + @", 
"description': " + tmodel.des + @"， 
'updateTime': "+ tmodel.addtime + @", 
'createTime': " + tmodel.addtime + @", 
'publishTime': " + tmodel.addtime + @", 
'property':{'triggerLoop':true,'eqAdType":1,'hideEqAd':false} 


} 
map': null, 
"list': [ 
"+ pStr.ToString().Trim(',') + @" 
| 
context.Response.Write(MentStr(msg)); 


} 
在 场景 编辑 页 面 中 编辑 完 场景 的 所 有 页 面 后 ， 单 击 “ 预 览 ”按钮 ， 即 可 预览 编辑 的 场景 ， 效 果 如 
图 7.46 所 示 。 


@ 
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免费 创建 一 个 场景 ?一 明日 科技 区 2 


图 7.46 预览 场景 
8. 发 布 场景 
在 interface.ashx 文件 中 定义 一 个 publish 方法 ， 该 方法 主要 用 来 实现 发 布设 计 好 的 场景 的 功能 ， 有 具 
体 实现 时 ， 首 先 接收 前 台 传递 的 场景 id、 场 景 名 称 、 创 建 人 、 场 景 类 型 、 创 建 时 间 、 封 面 、 场 景 编 号 
和 说 明 等 信息 ， 然 后 通过 调用 sceneBll 类 中 的 publish 方法 发 布 指定 的 场景 ， 最 后 生成 JSON 字符 串 ， 
并 传递 到 前 台 页 面 ， 供 前 台 解 析 。publish 方法 代码 如 下 : 
倒 程 41 代码 位 置 ， 资源 包 \TM\07\Pro_show\web\web\Tools\interface.ashx.cs 


M <summary> 

几 发 布 场景 

中 </summary> 

/ll <param name="context"></param> 
public void publish(HttpContext context) 


{ 

string id = HttpContext.Current.Request["id"]; // 场 景 id 
string name = HttpContext.Current.Request["name"]; 1/ 场 景 名 称 
string createUser = HttpContext.Current.Request["createUser"]; /创建 人 
string type = HttpContext.Current.Request["type"]; /| 场景 类 型 
string createTime = HttpContext.Current.Request["createTime"]; /1 创建 时 间 
string cover = HttpContext.Current.Request["cover"]; // 封 面 
string code = HttpContext.Current.Request["code"]; // 场 景 编号 
string description = HttpContext.Current.Request["description"]; ll 说 明 


SceneBll bll = new sceneBIl(); 


/发 布 场景 
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if (bll.publish(id, name, createUser, type, createTime, cover, code, description) = "") 


string msg= @"{ 
Success': true, 


"code': 200, 

msg': 'success', 

‘obj': null, 

‘map": null, 

Aist: null 

context.Response.Write(MentStr(msg)); 

} 
else 
{ 


string msg = @"{ 
'success': false, 
'code': 403, 
"msg" "发 布 失 败 '， 
'obj': null, 
'map': null, 
Mist: null 
context.Response.Write(MentStr(msg)); 
} 
} 


在 场景 编辑 页 面 中 编辑 完 场景 的 所 有 页 面 后 ， 单 击 “ 发 布 ”按钮 ， 显 示 发 布 页面 ， 如 图 7.47 所 示 。 


@ 单 击 此 处 ， 显 示 场 景 发 布 页 面 


@ 编辑 场景 基本 信息 


I 丁 @ 单 击 “ 发 布 ”按钮 
图 7.47 场景 发 布 页面 


在 场景 发 布 页 面 中 编辑 完 信息 后 ， 单 击 “ 发 布 ”按钮 ， 即 可 发 布 该 场景 ， 同 事 可 以 选择 将 其 分 享 
到 指定 的 社交 软件 ， 效 果 如 图 7.48 所 示 。 


@ 


第 7 章 ”Show 一 一 企业 个 性 化 展示 平台 (JSON 数据 解析 +HTML5 + MySQL 实现 ) 食 复 所 


有 0 二 主权 款 .手册 扫 一 污 ,分享 从 更 多 人 


7.48 场景 发 布 完 成 并 选择 分 享 


7.8 开发 技巧 与 难点 分 析 


实现 公众 号 /APP 后 台 接 口 通用 管理 平台 时 ， 用 到 了 一 般 处 理 程序 文件 〈.ashx) ， 那 么 ， 为 什么 要 
使 用 该 文件 呢 ? 下 面 进行 介绍 。 

(1) 什么 时 候 用 

虽然 通过 标准 的 方式 可 以 创建 处 理 程序 ， 但 是 实现 的 步骤 比较 复杂 ， 为 了 方便 网 站 开发 中 对 处 理 
程序 的 应 用 ，ASP.NET 提供 了 称 为 一 般 处 理 程序 的 处 理 程序 ， 允 许 开发 人 员 使 用 比较 简单 的 方式 定义 
扩展 名 为 ashx 的 专用 处 理 程序 。 

对 于 ASPNET 网 站 来 说 ， 生 成 网 页 的 工作 通常 使 用 扩展 名 为 aspx 的 Web 窗 体 来 完成 的 。 对 于 处 
理 结果 不 是 HTML 的 请 求 ， 都 可 以 通过 一 般 处 理 程序 完成 ， 例 如 生成 RSS Feed、XML、 图 片 等 。 

一 般 处 理 程序 是 ASP.NET 网 站 中 最 为 简单 、 高 效 的 处 理 程序 ， 在 处 理 返 回 类 型 不 是 HTML 的 请 
求 中 有 着 重要 的 作用 。 

(2) 优点 

通常 是 实现 IHttpHandler 接口 ， 因 为 不 必 继 承 自 Page 类 ， 所 以 不 需要 处 理 太 多 的 事件 ， 也 就 不 必 
消耗 太 多 资源 ， 所 以 性 能 方面 要 比 aspx 高 。 

(3) 简单 实现 机 制 

.ashx 文件 用 于 编写 WEB Handler 的 。.ashx 文件 与 .aspx 文件 类 似 ， 可 以 通过 它 来 调用 HttpHandler 
类 , 免 去 了 普通 .aspx 页 面 的 控件 解析 以 及 页 面 处 理 的 过 程 。.ashx 文件 适合 产生 供 浏 览 器 处 理 的 、 不 需 
要 回 发 处 理 的 数据 格式 ， 例 如 ， 用 于 生成 动态 图 片 、 动 态 文本 等 内 容 。 

时 
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7.9 本 章 总 结 


本 章 开发 了 一 个 Show 网 站 ， 通 过 该 网 站 ， 用 户 可 以 很 方便 地 编辑 相应 场景 ， 并 将 其 发 布 到 各 大 
社交 平台 。 在 开发 过 程 中 ， 页 面 布局 采用 了 响应 式 布局 方式 ， 使 其 能 够 完美 适 配 各 个 终端 ， 而 在 实现 
功 和 前 逻辑 时 ， 通过 使 用 .ashx 一 般 处 理 程序 与 AJAX 技术 ， 与 前 台 进 行 交互 。 本 章 所 讲 模块 及 主要 知识 
点 如 图 7.49 所 示 。 


JavaScript 函 数 的 使 用 

Qrcode.min js 插件 的 使 用 
显示 弹出 层 页 面 | 一 首页 特效 

CSS 样 式 的 使 用 


RN 


二 起 处理 文件 《 Cashx) > 前 合用 


场景 编辑 页 面 


图 7.49 Show 网 站 总 结 
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利 旦 
物流 信息 管理 平台 


(ASPNET 4.5+SQL Server 2014+Jmail 邮件 实现 ) 


随 着 国内 信息 化 步伐 的 加 快 ， 加 上 物流 企业 对 行业 信息 的 需求 越 
来 越 大 ， 促 使 物流 信息 平台 迅速 发 展 ， 以 保证 物流 信息 平台 信息 的 及 
时 性 、 准 确 性 ， 在 最 大 限度 上 满足 国内 物流 企业 对 行业 信息 的 要 求 ， 
以 适应 物流 行业 的 市 场 变化 , 使 之 成 为 国内 物流 企业 信息 的 主要 来 源 。 
本 章 主要 介绍 如 何 利 用 ASP.NET 4.5 +SQL Server 2014 快速 开发 一 个 
对 物流 信息 进行 发 布 和 管理 的 操作 平台 。 

通过 阅读 本 章 ， 可 以 学 习 到 : 

WI 物流 信息 管理 平台 开发 的 基本 过 程 

WI ”如何 设 计 公 共 类 

发布 信息 模块 的 实现 方法 

让 管理 信息 模块 的 实现 方法 

Nm SQL Server 2014 数据 库 在 物流 信息 管理 平台 中 的 应 用 

WI 面向 对 象 的 开发 思想 

Wy 分 层 开发 模式 

WI 第 三 方 控件 在 网 站 开发 中 的 应 用 
Wp 电子 邮件 的 发 送 
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8.1 开发 背景 


随 着 经 济 全 球 化 进程 的 加 快 ， 现 代 企业 的 专业 分 工 和 协作 ， 对 现代 物流 提出 了 越 来 越 高 的 要 求 ， 
信息 化 、 自 动 化 、 网 络 化 、 智 能 化 已 成 为 现代 物流 的 鲜明 特征 。 随 着 物流 行业 的 发 展 壮大 ， 物 流 的 信 
息 化 日 益 被 从 业者 和 信息 系统 提供 商 所 重视 。 同 时 ， 现 代 企 业 的 供应 链 也 时 刻 提醒 我 们 ， 若 想 在 激烈 
的 市 场 竞 争 中 占据 绝对 优势 ， 企 业 必须 及 时 、 准 确 地 掌握 客户 的 需求 ， 同 时 对 客户 的 需求 做 出 快速 的 
反应 ， 在 最 短 的 时 间 内 最 大 限度 地 挖掘 和 优化 物流 资源 来 满足 客户 的 需求 ， 从 而 建立 高 效 的 数字 化 物 
流 经 济 。 


8.2 需求 分 析 


随 镍 物流 业 在 我 国 的 莲 勃 发 展 及 物流 市 场 的 激烈 竞争 ， 现 代 物 流 信息 逐步 从 定性 转变 为 更 精确 的 
定量 要 求 ， 这 就 需要 物流 信息 管理 平台 提供 大 量 准确 、 及 时 的 信息 数据 ， 以 帮助 企业 了 解 市 场 的 变化 ， 
以 及 调整 企业 发 展 策略 。 所 以 ， 物 流 信息 管理 平台 最 基本 的 功能 就 是 保证 浏览 者 查看 到 准确 的 信息 、 
最 新 的 信息 。 


83 系统 设计 


8.3.1 系统 目标 


物流 信息 管理 平台 是 针对 中 小 型 物流 企业 设计 的 。 主 要 实现 如 下 目标 。 
操作 简单 方便 、 界 面 简洁 美观 。 

网 站 整体 结构 和 操作 流程 合理 顺畅 ， 实 现 人 性 化 设计 。 

注册 功能 。 提 供 两 种 注册 途径 :一 种 是 个 人 用 户 注册 ; 另 一 种 是 企业 用 户 注册 。 
货源 信息 的 发 布 和 浏览 功能 。 

车 源 信息 的 发 布 和 浏览 功能 。 

专线 信息 的 发 布 和 浏览 功能 。 

仓储 信息 的 发 布 和 浏览 功能 。 

招聘 信息 的 发 布 和 浏览 功能 。 

管理 网 站 会 员 信息 。 

系统 最 大 限度 地 实现 易 安 装 性 、 易 维护 性 和 易 操 作 性 。 

系统 运行 稳定 、 安 全 可 靠 。 


办 办 办 愉 办 办 办 办 多 
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8-32 系统 业务 流程 图 
物流 信息 管理 平台 业务 流程 图 如 图 8.1 所 示 。 


浏览 信息 je 一 | 普通 用 户 


ee (企业 或 个 人 ) 


而 这 于 林村 


人 


信 
图 8.1 业务 流程 图 


8.3.3 ”系统 功能 结构 


根据 物流 信息 管理 平台 的 特点 ， 可 以 将 其 分 为 前 台 和 后 台 两 个 部 分 设计 。 前 台 主 要 实现 功能 为 浏 
览 信息 《货源 信息 、 车 源 信 息 、 招 聘 信息 、 企 业 信息 、 专 线 信 息 、 仓 储 信息 ) 、 发 布 信息 (个 人 用 户 
发 布 信息 、 企 业 用 户 发 布 信息 ) 、 搜 索 功能 、 用 户 注册 〈 个 人 用 户 注册 、 企 业 用 户 注册 ) 。 后 台 主 要 
实现 功能 为 物流 新 闻 管理 (发 布 新 闻 、 管 理 新 闻 ) 、 信 息 管理 〈 车 源 信息 管理 、 货 源 信息 管理 、 专 线 
信息 管理 、 招 聘 信息 管理 、 仓 储 信息 管理 ) 、 用 户 管理 〈 个 人 用 户 管理 、 企 业 用 户 管理 ) 。 

物流 信息 管理 平台 的 前 台 系统 功能 结构 图 如 图 8.2 所 示 。 物 流 信息 管理 平台 的 后 台 系统 功能 结 
如 图 8.3 所 示 。 


物流 信息 管理 平台 
三 一 一 -一 一 一 一 一 oe IE IE | 
胡 [地 | [ 寺 [大 [ 克 [和 [ 绑 [ 吉 雪 
源 | | 源 | | 线 | | 业 | | 储 | | 聘 | | 布 | 户 | | 索 
信 | | 信 | | 信 | | 信 | | 信 | | 信 | | 信 | | 注 | | 功 
息 | | 息 | |[ 息 | |[ 息 | [ 息 | |! 息 | [ 息 | |[ 量 | | 能 
I i 
I ] 
个 | [全 
和 人 人 | | 省 
用 外 用 | | 肯 
户 户 后 | | 用 
发 发 注 | | 注 
布 布 册 | | 册 
信 信 
息 息 
f= “= Lm ee | 
货 | [车 | [ 专 | [ 招 | [ 含 | [车 | [ 货 | [在 
源 | | 源 | | 线 | | 聘 | | 储 || 源 | | 源 | | 储 
信 | | 信 | | 信 | | 信 | | 信 || 信 | | 信 | | 信 
息 | | 息 | | 息 息 | | 息 | | 息 | | 息 


图 8.2 前 台 系统 功能 结构 图 
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物流 信息 管理 平台 
物流 新 闻 管理 信息 管理 用 户 管理 
a I 

招 | [ 合 | [ 贫 | 庄 | [ 专 | [全 | 售 

管 | | 发 | 聘 | | 储 | | 源 | | 源 | | 线 | | 业 | | 人 
理 | | 布 | | 信 | | 信 | | 信 | | 信 | | 信 | | 用 | | 用 
新 | | 新 | | 息 | | 息 | | 息 | | 息 | 息 | | 户 | | 户 
闻 | | 闻 | | 管 | | 管 | | 管 | | 管 | 管 | | 管 | | 管 
理 理 | | 理 | | 理 | | 理 理 理 


图 8.3 后 台 系 统 功 能 结构 图 
8.3.4 系统 预览 
物流 信息 管理 平台 由 多 个 页 面 组 成 ， 下 面 仅 列 出 几 个 典型 页 面 ， 其 他 页 面 参 见 资源 包 中 的 源 程 序 。 


系统 首页 如 图 8.4 所 示 ， 主 要 实现 显示 导航 、 最 新 物流 信息 、 物 流 新 闻 、 物 流 招聘 和 登录 及 搜索 功 
能 。 发 布 信息 页 面 如 图 8.5 所 示 ， 主 要 实现 企业 或 个 人 用 户 发 布 物流 信息 功能 。 
一 一 - 


Crema on 
ew — 


图 8.4 首页 (资源 包 \*…\index.aspx) 图 8.5 发布 信 息 页 面 (资源 包 \…\issuanceFreight.aspx) 


户 管理 页 面 如 图 8.6 所 示 , 主要 实现 删除 企业 用 户 、 锁定 企 业 用 户 、 查看 企业 用 户 详 细 信 息 。 
页 面 如 图 8.7 所 示 ， 主 要 实现 查看 货源 详细 信息 、 删 除 货源 信息 、 审 核 货 源 信息 。 


企业 用 
货源 信息 管理 


= Pe | 


企业 用 户 人 本 


图 8.6 企业 用 户 管理 页 面 图 8.7 货源 信息 管理 页 面 
(资源 包 \…\manage_qyUser.aspx) (资源 包 \*…\manage_Freight.aspx) 
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we 
“TM\08\WuLiu\WuLiu”。 图 8.6 和 图 8.7 省 略 的 路 径 为 “TM\08\WuLiu\WuLiu\Manage”。 


8.3.5 ”构建 开发 环境 


1. 网 站 开发 环境 


网 站 开发 环境 : Microsoft Visual Studio 2017。 
网 站 开发 语言 : ASP.NET+C#。 

网 站 后 台数 据 库 : SQL Server 2014。 
开发 环境 运行 平台 : Windows 7/ Windows 10。 


办 多 凶 乓 


服务 器 端 

操作 系统 : Windows 7。 

Web 服务 器 : IIS 6.0 以 上 版 本 。 

数据 库 服务 器 : SQL Server 2014。 

浏览 器 : Chrome 浏览 器 、Firefox 浏览 器 。 

网 站 服务 器 运行 环境 : Microsoft .NET Framework SDK v4.5。 
客户 端 

浏览 器 : Chrome 浏览 器 、Firefox 浏览 器 。 

分 辩 率 ， 最 佳 效果 1280x800 像素 或 更 高 分 辩 率 。 

数据 库 设 计 

本 网 站 采用 SQL Server 2014 作为 后 台数 据 库 ， 数 据 库 名 称 为 db_WL， 其 中 包含 10 个 数据 表 ， 下 

面 将 分 别 介 绍 。 
1. 数据 库 概 要 说 明 


为 了 使 读者 对 本 程序 系统 后 台数 据 库 中 的 数据 表 有 一 个 更 清晰 的 认识 ， 在 此 给 出 了 数据 库 的 结构 
图 ， 该 结构 图 包括 系统 所 有 的 数据 表 ， 如 图 8.8 所 示 。 


2. 数据 库 E-R 图 分 析 


物流 信息 化 的 一 个 重要 步骤 就 是 建立 稳固 的 物流 信息 平台 ， 通 过 物流 信息 平台 了 解 到 及 时 、 有 效 
的 物流 信息 。 因 此 ， 对 物流 信息 平台 的 合理 化 设计 尤为 重要 ， 而 建立 物流 信息 平台 的 一 个 关键 问题 是 


数据 库 的 设计 。 
® 


回回 网 回力 DN 


国 鸭 次 


oo 
名 
O 
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通过 对 网 站 进行 的 需求 分 析 、 网 站 流程 设计 以 及 系统 功能 结构 的 确定 ， 规 划 出 系统 中 使 用 的 数据 
库 实 体 对 象 分 别 为 物流 新 闻 、 货 源 信息 、 仓 储 信息 、 企 业 用 户 信息 、 招 聘 信 息 和 搜索 功能 。 
物流 新 闻 为 浏览 者 提供 物流 行业 的 最 新 动态 。 物 流 新 闻 实 体 E-R 图 如 图 8.9 所 示 。 


由 图 ao tb_Truck 一 一 一 一 一 车 源 信 息 表 
由 图 dbo. tb_Use 企业 用 户 信息 表 
图 8.8 数据 库 结构 8.9 物流 新 闻 实 体 E-R 图 


浏览 者 通过 货源 信息 可 以 了 解 到 用 户 需 要 运送 货物 的 详细 信息 。 货 源 信息 实体 E-R 图 如 图 8.10 
所 示 。 


8.10 ”货源 信息 实体 E-R 图 
浏览 者 可 以 通过 仓储 信息 了 解 到 某 地 出 租 的 仓库 信息 。 仓 储 信 息 实 体 E-R 图 如 图 8.11 所 示 。 


8.11 仓储 信息 实体 E-R 图 


企业 用 户 在 注册 时 需要 提供 企业 的 详细 信息 ， 并 提供 给 浏览 者 来 增强 企业 的 信誉 度 。 企 业 用 户 信 
息 实体 E-R 图 如 图 8.12 所 示 。 

企业 用 户 可 以 通过 发 布 招聘 信息 为 本 企业 招贤 纳 士 ， 浏 览 者 可 以 通过 招聘 信息 寻求 到 符合 自身 条 
件 的 工作 信息 。 招 聘 信息 实体 E-R 图 如 图 8.13 所 示 。 

搜索 功能 可 以 使 浏览 者 快速 、 有 效 地 查找 到 需要 的 信息 。 搜 索 功 能 实体 E-R 图 如 图 8.14 所 示 。 


@ 
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8.14 ”搜索 功能 实体 E-R 


3. 数据 表 结构 


数据 库 实体 E-R 图 设计 完毕 之 后 ， 就 要 根据 实体 E-R 图 设计 数据 表 结 构 。 下 面 将 主要 的 数据 表 的 
数据 结构 和 用 途 分 别 列 出 来 ， 其 他 数据 表 参 见 本 书 附带 资源 包 。 
(1) tb_Depot (仓储 信息 表 ) 
仓储 信息 表 主要 存储 仓储 详细 信息 ，tb_Depot 表 的 结构 如 图 8.15 所 示 。 
(2) tb_ Freight (货源 信息 表 ) 
货源 信息 表 主 要 存储 货源 的 详细 信息 ，tb_Freight 表 的 结构 如 图 8.16 所 示 。 
(3) tb_User (企业 用 户 信 息 表 ) 
企业 用 户 信息 表 主要 存储 企业 用 户 的 详细 信息 ，tb_User 表 的 结构 如 图 8.17 所 示 。 
(4) tb_Job (招聘 信息 表 ) 
招聘 信息 表 主 要 存储 招聘 的 详细 信息 ，tb_Job 表 的 结构 如 图 8.18 所 示 。 
(5) tb News (物流 新 闻 表 ) 
物流 新 闻 表 主要 存储 物流 新 闻 信 息 ，tb_ News 表 的 结构 如 图 8.19 所 示 。 
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列 名 ”| 静帝 关 型 | 默认 值 [允许 宇 | EE 
加 int 
可 re。 va 发 布 人 
于 her vercher 仓储 类 型 
Dpetcity ve 他 请 所 在 城市 列 名 | 数据 类 型 | 黑 认 值 | 区 许字 | 。 描述 | 
DepotSite varchar V “仓储 所 在 地 点 国 int 货 
Depotherease int 仓储 面积 userine varchar 发 布 人 
lewotsm int V ”仓储 间 数 st varchar 出 发 地 
DepotPrice im V ”仓储 价格 ll varchar 到 友 地 
Loading int YY。 装载 服务 reiehtIype varchar 货源 类 别 
Packine int VY。 包装 服务 Dreittreitt int VY。 货源 重量 
到 :ma int VY 陪 送 服务 可 har VY。 重量 单位 
Di varchar 联系 人 图 varchar 联系 人 
加 me。 ee 联系 电话 到 varchar 联系 电话 
Tam datetine 有 效 日 其 | datetine 有 效 日 其 
contant varchar Y 详细 信息 a varchar Y 备注 
FEDate datetine V ”发 机 日 期 | | datetine Y 发布 日 其 
serType char 和 登录 类 型 nl ae 登录 英 型 
haditing bit 加 ) 审核 状态 anditing bit 0) 审核 状态 
图 8.15 tb_Depot 表 的 结构 图 8.16 ”tb_Freight 表 的 结构 
列 名 | 数据 类 型 | 默认 值 | 区 许 空 | E23 
int 用 户 久 号 
Userlane varchar 登录 名 
国 werss ve 二 码 
Passduestion varchar 密码 提示 问题 
PassSolution varchar YY 密码 提示 答案 
Linman varchar V 联系 人 
Companylane varchar V 企业 名 称 Dumber Shr 招聘 人 数 
Kind varchar V 企业 性 质 Sex char YY 要 求 性 别 
Culing varchar VY 所属 行 业 Aee cher 要 求 年 办 
Lieencelanber varehar 营业 执照 号 Derledge varchar VY。 要 求学 历 
| re varchar V 地 址 Specialty varchar V 要 求 专业 
Phone vercher VY 联系 电话 Experience warchar VY。 工作 经 验 
Pox varchar V ”传真 City varchar VY 工作 地 点 
Email varehar 电子 邮件 Poy char V 月 困 
NetworkIP varchar v Fi ParticularInfo varchar VY。 具体 信息 
Content varchar V ”企业 简介 EDate datetime 发 布 日 期 
Lock bit 面 铀 定 状态 Userline varchar 发 和 人 
LockCanse evarchar VY。 媚 定 原因 Muditing bit 审核 状态 


图 8.17 tb_User 表 的 结构 


8.18 tb Job 表 的 结构 


列 名 | 数据 类 型 | 默认 值 | 允许 空 | 描述 
m int 新 闻 编 号 
NewsTitle varchar 新 闻 标题 
JewsContent varchar 新 闻 内 容 
FhDate datetime 发 布 日 期 


8.19 tb News 表 的 结构 


(6) tb_Search (搜索 功能 表 ) 


搜索 功能 表 主 要 存储 各 表 名 和 字段 名 ，tb_Search 表 的 结构 如 图 8.20 所 示 。 


type varchar VY 表 名 
searchkey varchar V 关键 字 
eyword | ve V 字段 名 


图 8.20 ”tb_Search 表 的 结构 


8.3.7 文件 来 组 织 结构 


为 了 便于 读者 对 本 网 站 的 学 习 , 在 此 笔者 将 网 站 文件 的 组 织 结构 展示 出 来 ,文件 组 织 结构 如 图 8.21 
所 示 。 


， 面 App Code 公共 类 文件 类 

» 别 App_Data 数据 库 文件 严 

， en 动态 库 文 件 实 

bp Content 资源 文件 志 

bcss 自 定义 css 样式 表 文 件 夫 

， fonts 字体 库 文件 志 

， images 男 片 文件 志 

» Mansge 后 台 管 理 文 件 夫 

bp MM Scripts 上 5 天 本 文 必 志 

[Ee 用 于 存放 swf 文件 如 果 需 要 

b+@) compamyinfo aspx 

上 加 companytistaspx 

b *@) depotinfo.aspx 

?加 depotlistaspx 

四 Edidnfoaspx 企业 信息 修改 页 

b v0 entryascr 到 录用 户 控件 

b *@ freighdinfoaspx 

b + freighttistaspx 

bs grleftaspx 

b + indexaspx 网 站 首页 

9 国 issuanceDepot.aspx 发 他 信息 页 

上 9 四 issuanceFreightaspx 货源 信息 列表 页 

b issuancelnfo.sspx 发 布 信息 主页 

b +@) issuanceJob.aspx 

昌国 issuanceSpecialaspx 

bw issuanceTruck aspx 

b »@) jobinfoaspx 

bw joblistaspx 招聘 信息 列表 页 

b A loginaspx 注册 页 面 

的 manegeEntryaspx 管理 员 登 录 页 

是 四 Masterpage master 全 版 文件 

b + newpassaspx 修改 个 人 信息 页 

四 newsaspx 物流 信息 详细 页 

packages.config NuGet 管理 四 文件 

b + qteftaspx 一 一 一 一 一 一 企业 信息 发 布 导航 要 总 

+0 searchascx 一 一 一 一 一 搜索 用 户 控件 

b + seorchlistaspx 一 所 水 详细 信息 页 

和 specalinfoaspx 一 全 抽 评 细 信息 页 

9 spedialljstaspx 一 一 全 显 放 天 外 

?四 tucdnfoaspx 一 tf 

?本 tucktistaspx 一 车 源 信息 列表 页 
站 webconfg 一 由 取 时 文件 


图 8.21 文件 组 织 结构 


8.4 公共 类 设计 


数据 库 操作 类 用 来 完成 数据 库 的 连接 操作 以 及 数据 库 的 查询 、 添 加 、 删 除 和 修改 操作 。 将 这 几 种 
操作 编写 到 一 个 公共 类 中 ， 可 以 减少 重复 代码 的 编写 ， 有 利于 代码 的 维护 。 在 dataOperate 类 中 一 共 定 
义 了 5 个 方法 ， 下 面 分 别 对 这 几 个 方法 进行 讲解 。 

1. createCon 方法 

createCon 方法 返回 的 类 型 为 SqlConnection"， 主 要 用 来 构造 数据 库 的 连接 。 代 码 如 下 : 

倒 程 01 代码 位 置 : 资源 包 \TM\08\WWuLiu\WWuLiu\App_Code\dataOperate.cs 


public static SqlConnection createCon() 


/生成 SqlConnection 的 一 个 对 象 用 于 连接 数据 库 
SqlConnection con = new SqlConnection("server=.;database=db_WL;uid=sa;pwd=;"); 
return con; 


允 马 马 ASPNET 项 目 开发 全 程 实录 (第 4 版 ) 


2. execSQL 方法 

execSQL(string sqD) 方 法 用 来 添加 、 插 入 和 删除 数据 。 该 方法 返回 一 个 布尔 值 ， 用 来 表示 添加 、 插 
入 和 删除 数据 是 否 成 功 ,执行 成 功 返 回 true， 否 则 返回 false。 调 用 该 方法 时 应 传 入 一 个 string 类 型 的 参 
数 ， 此 参数 表示 所 要 执行 的 SQL 语句 。 代 码 如 下 : 

倒 程 02 代码 位 置 ， 资源 包 \TMWSVWuLiuvWuLiu\App_CodevdataOperate.cs 

public static bool execSQL(string sql) 


SqlConnection con = createCon(); /创建 连接 对 象 
con.Open(); 
SqlCommand com = new SqlCommand(sql, con); 
try 
人 
com.ExecuteNonQuery(); /执行 SQL 语句 
con.Close(); /关闭 连接 对 象 
} 
catch (Exception e) 
con.Close(); 
return false; /执行 失败 返回 false 
} 
return true; // 执 行 成 功 返 回 true 


} 

3. seleSQL 方法 

seleSQL(string sql) 方 法 用 来 查找 数据 是 否 存在 。 该 方法 返回 一 个 布尔 型 值 ， 用 来 表示 是 否 查找 到 
数据 ， 如 查找 到 数据 则 返回 tue， 和 否则 返回 false。 调 用 该 方法 时 应 传 入 一 个 string 类 型 的 参数 ， 此 参数 
表示 所 要 执行 的 SQL 语句 。 代 码 如 下 : 

倒 程 03 代码 位 置 ， 资源 包 \TM\08\WuLiu\WWuLiu\App_Code\dataOperate.cs 

public static bool seleSQL(string sql) 


int i; 
SqlConnection con = createCon(); /创建 连接 对 象 
con.Open(); 
SqlCommand com = new SqlCommand(sql, con); 
攻 
i=ConvertTolnt32(com.ExecuteScalar()); /| 执行 SQL 语句 返回 第 一 行 第 一 列 值 
con.Close(); /关闭 连接 
} 
catch (Exception e) 
con.Close(); /关闭 连接 
return false; 
} 
if (i> 0) /判断 是 否 大 于 0, 大 于 返回 true, 否则 返回 false 
{ 
return true; 


@ 
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else 


return false; 
} 
} 


4. getDataset 方法 

getDataset(string sql, string table) 方 法 用 来 查找 并 返回 多 行 数据 。 该 方法 返回 一 个 DataSet 数据 集 。 
在 调用 该 方法 时 应 传 入 两 个 string 类 型 的 参数 ， 第 一 个 参数 表示 要 执行 的 SQL 语句 ， 第 二 个 参数 表示 
表 名 。 代 码 如 下 : 


倒 程 04 代码 位 置 ， 资源 包 \TM\08\WWuLiu\WWuLiu\App_Code\dataOperate.cs 
public static DataSet getDataset(string sql,string table) 
{ 


SqlConnection con = createCon(); /| 创建 数 据 库 连 接 对 象 
con.Open(); 1/ 打开 连接 
SqlDataAdapter sda = new SqlDataAdapter(sql, con); /执行 SQL 语句 
DataSet ds = new DataSet(); /创建 数据 集 
sda.Fill(ds, table); /填充 数据 集 

return ds; // 返 回 数据 集 


} 

5. getRow 方法 

getRow (string sql) 方 法 用 来 查找 并 返回 一 行 数据 。 该 方法 返回 一 个 SqlCommand 对 象 。 在 调用 该 方 
法 时 应 传 入 一 个 string 类 型 的 参数 ， 此 参数 表示 所 要 执行 的 SQL 语句 。 代 码 如 下 : 

倒 程 05 代码 位 置 ， 资源 包 \TM\08\WuLiu\WWuLiu\App_Code\dataOperate.cs 

public static SqlDataReader getRow(string sql) 


SqlConnection con = createCon(); 

con.Open(); /打开 数 据 库 连接 
SqlCommand com = new SqlCommand(sql, con); 

return com.ExecuteReader(); 


8.5 网 站 首页 设计 


8.5.1 网 站 首页 概述 


在 网 站 的 首页 中 把 网 站 的 主要 功能 都 显示 出 来 ， 以 方便 访问 者 使 用 ， 使 浏览 者 通过 首页 对 本 网 站 
有 一 个 全 面 的 了 解 ， 并 在 第 一 时 间 浏 览 到 本 站 的 最 新 信息 。 首 页 中 主要 包括 以 下 模块 : 

网 站 导航 。 

搜索 功能 。 


加 
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企业 推荐 。 
用 户 登录 。 
物流 新 闻 。 
招聘 职位 。 
最 新 货源 信息 。 


固 因 回回 轿 图 加 加 


演 动 新 间 


图 8.22 物流 信息 管理 平台 首页 


8.5.2 网 站 首页 技术 分 析 


在 货源 信息 模块 中 ， 可 以 通过 GridView 控件 中 的 DataFormatString 属性 来 实现 有 效 日 期 列 的 显示 
格式 。 
DataFormatString 属性 语法 如 下 : 


{A:B} 


冒号 前 的 值 A 指定 在 从 零 开 始 的 参数 列表 中 的 参数 索引 。 此 值 只 能 设置 为 0。 
冒号 后 的 值 B 指定 值 A 所 显示 的 格式 。 常 用 的 数值 格式 如 表 8.1 所 示 。 
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表 8.1 常用 的 数值 格式 


输入 数值 输出 格式 
已 以 货币 格式 显示 数值 12345.6789 | $12.345.68 
D 以 十 进 制 格式 显示 数值 12345 | 12345 
E 以 科学 记 数 法 (指数 ) 格式 显示 数值 12345.6789 1234568E+004 
F 以 固定 格式 显示 数值 12345.6789 12345.68 
G 以 常规 格式 显示 数值 12345.6789 12345.6789 
N 以 数字 格式 显示 数值 12345.6789 12.345.68 
常用 的 日 期 时 间 格 式 如 表 8.2 所 示 。 
表 8.2 常用 的 日 期 时 间 格 式 
格式 字符 说 明 输出 格式 
d 精简 日 期 格式 yyyy-MM-dd 
D 详细 日 期 格式 yyyy 年 MM 月 dd 日 
完整 格式 yyyy 年 MM 月 dd 日 HH:mm 
F 完整 日 期 时 间 格 式 yyyy 年 MM 月 dd 日 HH:mm:ss 
一 般 格式 MM/dd/yyyy HH:mm 
G 一 般 格式 MM/dd/yyyy HH:mm:ss 
适中 日 期 时 间 格 式 yyyy-MM-dd HH:mm:ss 
t 精简 时 间 格 式 HH:mm 
和 详细 时 间 格 式 HH:mm:ss 


还 可 以 直接 输入 时 间 格 式 ， 如 {0:yyyy-MM-dd} 将 显示 与 {0:d} 相 同 的 格式 。 需 要 注意 的 是 ，MM 必 
须 是 大 写 ， 因 为 MM 表示 的 是 月 份 ， 而 mm 表示 的 是 时 间 里 的 分 钟 。 


MN’ 
ot 把 需要 设置 字段 的 HtmlEncode 属性 设置 为 False， 才 能 显示 出 所 设置 的 格式 。 
8.5.3 ”网 站 首页 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb Freight、tb_Tmck、tb_Special、tb_Depot 
1. 设计 步骤 


(1) 在 该 网 站 中 新 建 一 个 Web 窗 体 ， 将 其 命名 为 ndex.aspx， 用 于 显示 网 站 首页 。 
(2) 在 Web 窗 体 中 通过 定义 div 标签 用 于 页 面 的 布局 。 
(3) 在 页 面 中 添加 相关 的 服务 器 控件 ， 控 件 的 属性 设置 及 用 途 如 表 8.3 所 示 。 

表 8.3 各 控件 的 名 称 、 属 性 设置 及 用 途 


控件 类 型 控件 名 称 主要 属性 设置 控件 用 途 
加 母 版 页 MasterPage .master 均 为 默认 值 显示 导航 、 登 录 信 息 等 


时 
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控件 名 称 主要 属性 设置 控 件 用 途 


gvNews 均 为 默认 什 | 。 显示 物流 新 闻 
gvJob 均 为 默认 什 | 。 显示 招聘 职位 
i gvEreight 均 为 默认 什 | 。 显示 货源 信息 
gvTruck 均 为 默认 什 | 。 显示 车 源 信息 
gvSpecial 均 为 默认 什 | 。 显示 专线 信息 


Depot 显示 仓储 信息 
由 于 篇 幅 有 限 ， 这 里 只 给 出 显示 货源 信息 的 GridView 控件 的 前 台 绑 定 代码 。 


倒 程 06 代码 位 置 ， 资源 包 \TM\08\WWuLiu\WuLiu\index.aspx 


<asp:GridView ID="gvFreight" runat="server" Width="80%" AutoGenerateColumns="False" CssClass="grid" 
CellPadding="4" ForeColor="#333333" GridLines="None" HorizontalAlign="Center"> 
<AlternatingRowStyle BackColor="White" ForeColor="#284775" /> 
<Columns> 
<asp:BoundField DataField="Start" HeaderText=" 出 发 地 " /> 
<asp:BoundField DataField="Terminal" HeaderText=" 到 达 地 " /> 
<asp:BoundField DataField="FreightType" HeaderText=" 货 物种 类 " /> 
<asp:TemplateField HeaderText=" 重 量 "> 
<ltemTemplate> 
<%#Eval("ID")%> 
<%#Eval("ID")%> 
</ltemTemplate> 
</asp:TemplateField> 
<asp:BoundField DataField="FBDate" DataFormatString="{0:yy-MM-dd}" HeaderText=" 发 布 


均 为 默认 值 


日 期 " 
HtmlEncode="False" /> 
<asp:TemplateField HeaderText=" 详 细 信 息 "> 
<ltemTemplate> 
<a href="freightinfo.aspx?ID=<%#Eval("ID")%>"> 详 细 信 息 </a> 
</ltemTemplate> 
</asp:TemplateField> 
</Columns> 
<EditRowStyle BackColor="#999999" /> 
<FooterStyle BackColor="#EC005F" Font-Bold="True" ForeColor="White" /> 
<HeaderStyle BackColor='"#EC005F" Font-Bold="True" ForeColor="White" Height="30px" /> 
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center /> 
<RowStyle BackColor="#F7F6F3" ForeColor="#333333" Height="20px" /> 
<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" /> 
<SortedAscendingCellStyle BackColor="#E9E7E2" /> 
<SortedAscendingHeaderStyle BackColor="#506C8C" /> 
<SortedDescendingCellStyle BackColor="#FFFDF8" /> 
<SortedDescendingHeaderStyle BackColor="#6F8DAE" /> 
</asp:GridView> 


2. 实现 代码 
在 主页 Web 窗 体 的 加 载 事件 中 调用 各 个 功能 绑 定 到 DataList 控件 上 的 方法 。 实 现代 码 如 下 : 


@ 
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protected void Page_Load(object sender, EventArgs e) 


‘ 
bindFreight(); // 自 定义 方法 绑 定货 源 信息 
bindTruck(); // 自 定义 方法 绑 定 车 源 信息 
bindSpecial(); // 自 定义 方法 绑 定 专线 信息 
bindCompany(); // 自 定义 方法 绑 定 公司 信息 
bindDepot(); // 自 定义 方法 绑 定 仓储 信息 
} 


物流 新 闻 、 招 聘 职 位 、 最 新 车 源 信息 、 最 新 货源 信息 、 最 新 专线 信息 、 最 新 仓储 信息 和 企业 推荐 
这 几 个 信息 的 显示 都 是 通过 GridView 控件 实现 的 。 由 于 以 上 几 个 信息 绑 定 的 方法 类 似 ， 这 里 主要 介绍 
最 新 货源 信息 的 绑 定 。 最 新 货源 信息 通过 自 定义 方法 bindFreight 将 数据 源 绑 定 到 GridView 控件 上 。 代 
码 如 下 : 

倒 程 08 代码 位 置 ， 资源 包 \TM\08\WWuLiu\WuLiu\index.aspx.cs 


protected void bindFreight() 
& 
string sql = "select * from tb_Freight where FBDate >=" + day + ™"; 
// 调 用 数据 库 操作 类 getDataset 方法 ， 将 其 返回 值 绑 定 到 GridView 控件 上 
©@ gvFreight.DataSource = dataOperate.getDataset(sql, "tb_Freight"); 
©@ gvFreight.DataBind(); 
} 


< 人 代码 贴 二 
@ gvFreight DataSource 属性 : 表示 数据 源 的 对 象 ， 数 据 绑 定 控件 从 该 对 象 中 检索 其 数据 。 
@ gvFreight.DataBind: 将 数据 源 绑 定 到 GridView 控件 。 


由 于 最 新 货源 信息 量 比较 大 ， 这 里 使 用 了 GridView 控件 的 分 页 功能 。 在 GridView 控件 的 
PageIndexChanging 事件 中 设置 当前 索引 并 重新 绑 定数 据 源 。 主 要 代码 如 下 : 


倒 程 09 代码 位 置 ， 资源 包 \TMWSVWuLiuvWuLiuindex.aspx.cs 
protected void gvFreight_PagelndexChanging(object sender, GridViewPageEventArgs e) 
和 


gvFreight.Pagelndex = e.NewPagelndex; /设置 当前 索引 
gvTruck.DataBind(); /重新 绑 定 GridView 控件 


8.6 用 户 注 册页 设计 


8.6.1 用 户 注册 页 概述 


浏览 者 可 以 通过 用 户 注册 功能 注册 成 为 本 网 站 的 会 员 。 用 户 注 册 有 两 种 注册 方式 ， 一 种 为 个 人 用 
户 注册 ， 另 一 种 为 企业 用 户 注册 。 之 所 以 分 为 两 种 注册 方式 ， 主 要 考虑 到 用 户 的 发 布 信息 不 一 样 ， 企 
业 用 户 可 以 发 布 专线 信息 和 招聘 信息 , 而 个 人 用 户 不 可 以 发 布 这 些 信息 。 用 户 注册 页 面 如 图 8.23 所 示 。 


辐 
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用 户 注册 


个 人 会 员 注 册 企业 会 员 注册 


会 员 注册 


8.23 ”用 户 注册 页 面 


8.6.2 用户 注册 页 技术 分 析 


在 用 户 注 册 模 块 中 ， 用 户 的 注册 主要 使 用 Insert 语句 将 用 户 的 注册 信息 添加 到 数据 库 中 。 
JInsert 语句 用 于 向 现 有 数据 库 中 添加 新 的 数据 。 
语法 如 下 : 
INSERTIINTOI] 
{table_name WITH(<table_hint_limited>[...n]) 


lview_name 
|rowset_function_limited 


} 
{[(column_list)] 

{VALUES 
({DEFAULTINULL|expression}[,..n]) 
Iderived_table 
lexecute_statement 


} 
IDEFAULT VALUES 
Insert 语句 的 参数 说 明 如 表 8.4 所 示 。 
表 8.4 Insert 语句 的 参数 说 明 


参数 参数 说 明 
[INTO] 一 个 可 选 的 关键 字 ， 可 以 将 它 用 在 INSERT 和 目标 表 之 前 


table name | 将 要 接收 数据 的 表 或 able 变量 的 名 称 
View name ”| 视图 的 名 称 及 可 选 的 别名 。 通 过 view_name 来 引用 的 视图 必须 是 可 更 新 的 


(column lisb | 要 在 其 中 插入 数据 的 一 列 或 多 列 的 列表 。 必 须 用 圆 括号 将 clumn list 括 起 来 ， 并 且 用 逗号 进行 分 隔 
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续 表 
参数 参数 说 明 


引入 要 插入 的 数据 值 的 列表 。 对 于 column list (如 果 已 指定 ) 中 或 者 表 中 的 每 个 列 ， 都 必须 有 一 个 数 
VALUES 据 值 。 必 须 用 圆 括号 将 值 列 表 括 起 来 。 如 果 VALUES 列表 中 的 值 与 表 中 列 的 顺序 不 相同 ， 或 者 未 包 
含 表 中 所 有 列 的 值 ， 那 么 必须 使 用 column list 明确 地 指定 存储 每 个 传 入 值 的 列 


强制 SQL Server 装载 为 列 定义 的 默认 值 。 如 果 对 于 某 列 并 不 存在 默认 值 ， 并 且 该 列 允许 NULL， 就 插 
入 NULL 
expression | 一 个 常量 、 变 量 或 表达 式 。 表 达 式 不 能 包含 SELECT 或 EXECUTE 语句 


derived table | 任何 有 效 的 SELECT 语句 ， 它 返回 将 装载 到 表 中 的 数据 行 


用 户 在 使 用 INSERT 语句 插入 数据 时 ， 必 须 注意 以 下 几 点 。 

回 ”插入 项 的 顺序 和 数据 类 型 必须 与 表 或 视图 中 列 的 顺序 和 数据 类 型 相对 应 。 
加 ”如 果 表 中 某 列 定义 为 不 允许 NULL， 插 入 数据 时 ， 该 列 必须 存在 合法 值 。 
回 如果 某 列 是 字符 型 或 日 期 型 数据 类 型 ， 插 入 的 数据 应 该 加 上 单 引号 。 
例如 ， 使 用 SQL 语句 向 用 户 信息 表 中 插入 一 条 记录 ， 代 码 如 下 : 

insert into 用 户 信息 表 values( 需 要 添加 的 字段 ) 


INSERT 语句 还 可 以 一 次 给 数据 表 添 加 多 条 记录 ， 即 将 某 一 查询 结果 插入 到 指定 的 表 中 ， 这 也 是 
INSERT 语句 的 第 二 种 用 法 一 一 批量 插入 。VALUES 子 句 指定 的 是 一 个 SELECT 子 查询 的 结果 集 。 
INSERT 语句 的 第 二 种 用 法 的 语法 如 下 : 

Insert Into table_name Select { | fieldname1 [fieldname2...]} From table_source [Where search_condition ] 

参数 说 明 如 下 。 

回 ”Insert Into: 关键 字 。 

table name: 存储 数据 的 数据 表 ， 该 数据 表 必须 已 经 存在 。 

Select: 表示 其 后 是 一 个 查询 语句 。 

例如 ， 将 货源 信息 表 中 的 数据 添加 到 车 源 信息 表 中 ， 代 码 如 下 : 

insert into 车 源 信息 表 select * from 货源 信息 表 


DEFAULT 


Ah 
org 在 批量 插入 时 如 果 不 给 出 列 名 ， 则 必须 保证 两 个 表 中 的 列 数 相同 。 
8.6.3 用 户 注册 页 实现 过 程 

国 本 模块 使 用 的 数据 表 : tb_User、tb_GrUser 


1. 设计 步骤 


(1) 在 该 网 站 中 新 建 一 个 Web 窗 体 ， 将 其 命名 为 login.aspx， 用 于 实现 用 户 注册 。 
(2) 在 Web 窗 体 中 定义 div 标签 用 于 页 面 的 布局 。 
(3) 在 页 面 中 添加 相关 的 服务 器 控件 ， 控 件 的 属性 设置 及 用 途 如 表 8.5 所 示 。 


_ 国 
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abl 


控件 类 型 


TextBox 


表 8.5 各 控件 的 名 称 、 属 性 设置 及 用 途 


控件 名 称 主要 属性 设置 控件 用 途 
和 用 户 注册 输入 
txtName 均 为 默认 值 用 户 名 
用 户 注 册 输 入 
txtPass 均 为 默认 值 密码 
用 户 注册 输入 
txtQrPass 均 为 默认 值 确认 密码 
txtPassQuestion 均 为 默认 值 和 0 p 
txtPassSolution 均 为 默认 值 a 
用 户 注 册 输 入 
txtGrLinkman 均 为 默认 值 个 人 用 户 联 
系 人 
用 户 注册 输入 
txtGrPhone 均 为 默认 值 个 人 用 户 联 系 
电话 
用 户 注 册 输 入 
txtGrAddress 均 为 默认 值 个 人 用 户 所 
在 地 
用 户 注册 输入 
txtLinkman 均 为 默认 值 企业 用 户 联 
系 人 
txtCompanyName 均 为 默认 值 2 外 入 
用 户 注册 输入 
txtCalling 均 为 默认 值 企业 所 属 行业 
用 户 注册 输入 
txtLicenceNumber 均 为 默认 值 企业 营业 执 
照 号 
有 用 户 注册 输入 
txtAddress 均 为 默认 值 企业 地 址 
用 户 注册 输入 
txtPhone 均 为 默认 值 企业 用 户 联系 
电话 
用 户 注册 输入 
txtFax 均 为 默认 值 企业 传真 
用 户 注册 输入 
txtEmail 均 为 默认 值 企业 电子 邮件 
用 户 注册 输入 
txtNetworkIP 均 为 默认 值 企业 网 址 
Bd 将 TextMode 属性 设置 为 | 用 户 注册 输入 
MultiLine (设置 文本 框 模 式 ) | 企业 简介 
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续 表 
控件 类 型 控件 名 称 主要 属性 设置 控件 用 途 
[ 国 Yet 用 户 控件 | dh.ascx 均 为 默认 值 用 于 导航 
和 全 
pelDaohan 均 为 默认 值 si 
| pelBase 均 为 默认 值 显示 基本 信息 
OD roa pelGrInfo 均 为 默认 值 Re 
a 
pelQyInfo 均 为 默认 值 人 
bmNext 均 为 默认 什 a 
. 企业 用 户 注册 
Button btnQyLogin 按钮 
btnGrLogin i 用 户 福 由 
验证 注册 用 户 
RequiredFieldValidatorName 是 否 输 入 用 户 
名 
可 RAIN | RequiredFicldValidatorpass ehh tree ee pe 
i 验证 注册 用 户 
将 ControlToValidate 属性 设置 
RequiredFieldValidatorEmail 为 xtEmail( 要 验证 控件 的 ID) 人 jy 入 电子 
将 ControlToCompare 属性 设 
置 为 txtPass (用 于 比较 控件 的 | 验证 注册 用 户 
Ey CompareValidator CompareValidatorQpass ID) ， 将 ControlToValidate 属 | 输入 的 两 次 密 
性 设置 为 txtQpass〈 要 验证 控 | 码 是 否 一 致 
件 的 ID》 
3 Regul arExpressionValidator | RegularExpressionValidatorEamil i 的 电子 邮件 地 
([-.JWwHOANw+([-.Jw+)*”( 用 址 是 否 正确 


2. 实现 代码 


来 设置 正则 表达 式 ) 


在 用 户 注册 页 面 中 ， 选 择 不 同 的 注册 方式 进入 相应 的 注册 详细 信息 页 面 来 进行 不 同 级 别 的 会 员 注 


册 。 在 


E 页 面 加 载 事 件 中 ， 使 用 Panel 控件 显示 导航 选择 会 员 注 册 方 式 。 实 现代 码 如 下 : 


倒 程 10 ”代码 位 置 : 资源 包 \TM\08\WWuLiu\WWuLiu\login.aspx.cs 


protected void Page_Load(object sender, EventArgs e) 


{ 


pelBase.Visible = false; 
pelQylInfo.Visible = false; 
pelGrlnfo.Visible = false; 


/用 户 基本 注册 信息 


/企业 用 户 注册 详细 信息 
/个 人 用 户 注 册 详细 信息 


_ 国 
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当 用 户 单 击 “ 企 业 用 户 注册 ”按钮 时 , 在 此 按钮 的 Click 事件 中 将 注册 方式 记录 下 来 , 并 通过 Panel 
控件 显示 输入 基本 信息 的 页 面 。 实 现代 码 如 下 : 


倒 程 11 代码 位 置 : 资源 包 \TM\08\WWuLiu\WWuLiu\login.aspx.cs 
protected void LinkButton2_Click(object sender, EventArgs e) 


‘ 
loginType = 1; /记录 注册 方式 是 企业 用 户 注册 
pelBase.Visible = true; / 旺 示 基 本 注册 信息 
pelQylInfo.Visible = false; // 不 显示 个 人 注册 详细 信息 
pelGrlnfo.Visible = false; /不 显示 企业 注册 详细 信息 

} 


用 户 输入 完 基本 信息 后 ， 单 击 “ 下 一 步 ” 按 钮 ， 在 此 按钮 的 Click 事件 中 将 用 户 注册 的 基本 信息 存 
储 下 来 ， 再 根据 记录 的 用 户 注册 方式 检测 用 户 名 是 否 存在 ， 如 果 存 在 ， 将 显示 企业 会 员 注册 的 详细 信 
息 页 面 ， 如 果 不 存 在 ， 将 给 出 相应 的 提示 信息 。 实 现代 码 如 下 : 

倒 程 12 代码 位 置 ， 资源 包 \TM\08\WWuLiu\WuLiu\login.aspx.cs 

protected void Button1_Click(object sender, EventArgs e) 


{ 
name = this.txtName. Text; 1/ 存储 用 户 名 
pass = this.txtPass. Text; /存储 密码 
passQuestion = this.txtPassQuestion. Text; /存储 密码 提示 问题 
passSolution = this.txtPassSolution.Text; /存储 密码 提示 答案 
string QySql = "select * from tb_User where UserName=" + name + ""; /查询 企业 用 户 名 是 否 存在 SQL 语句 
string GrSql = "select * from tb_GrUser where Name=" + name + ""; /查询 个 人 用 户 名 是 否 存在 SQL 语句 
if (loginType == 0) // 判 断 会 员 注册 方式 
if (IdataOperate.seleSQL(GrSql)) /判断 个 人 用 户 名 是 否 存在 
{ 
pelBase.Visible = false; /不 显示 基本 注册 信息 
pelQylnfo.Visible = false; /不 显示 企业 注册 详细 信息 
pelGrlnfo.Visible = true; /显示 个 人 注册 详细 信息 
} 
else 
RegisterStartupScript("false", "<script>alert(' 用 户 名 已 经 此 在 ')</script>"); 
= 
else 
if (ldataOperate.seleSQL(QySql) // 判 断 个 人 用 户 名 是 否 存 在 
{ 
pelBase.Visible = false; /不 显示 基本 注册 信息 
pelQylnfo.Visible = true; /显示 企业 注册 详细 信息 
pelGrlnfo.Visible = false; /不 显示 个 人 注册 详细 信息 
} 
else 
RegisterStartupScript("false", "<script>alert(' 用 户 名 已 经 此 在 ')</script>"); 
} 
} 


用 户 输入 完 企业 注册 的 详细 信息 后 ， 单 击 “ 注 册 ” 按 钮 ， 通 过 SQL 语句 利用 数据 库 操作 类 中 的 


@ 


execSQL 方法 将 企业 注册 信息 添加 到 数据 库 9 
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bh。 实 现代 码 如 下 : 


倒 程 13 代码 位 置 :资源 包 \TM\08\WWuLiu\WWuLiu\login.aspx.cs 


protected void Button2_Click(object sender, EventArgs e) 


{ 
string linkman = this.txtLinkman. Text; /存储 联系 人 
string companyName = this txtCompanyName .Text: /存储 企业 名 称 
string ddIKind = this.ddIKind. SelectedValue; /存储 企业 性 质 
string calling = this.txtCalling.Text: /存储 所 属 行业 
string licenceNumber = this.txtLicenceNumber. Text; /存储 营业 执照 号 
string address = this.txtAddress. Text; 儿 /存储 公司 地 址 
string phone = this.txtPhone. Text; /存储 联系 电话 
string fax = this.txtFax. Text; 儿 /存储 传真 
string email = this.txtEmail. Text; 儿 /存储 电子 邮件 
string networklIP = this.txtNetworkIP. Text; /存储 公司 网 址 
string content = this.txtContent. Text; /存储 内 容 简 介 


string adSql = "insert into tb_User values(" + name + "," + pass + "," + passQuestion + "," + passSolution + "," 
+linkman + "," + CompanyName + ","+ ddIKind + ","+ calling + ","+ licenceNumber + "," +address +","+ 
phone 十 ”十 人 KK 十 一 二 十 

email+ "," + networklP + "," + content + ") "; 

if (dataOperate.execSQL(adSql)) // 判 断 是 否 添加 成 功 

bindEmail(); // 自 定义 方法 将 用 户 的 登录 名 和 密码 发 送 到 E-mail 中 

Response.Write("<script>alert(' 添 加 成 功 ! ')</script>"); 
} 


else 


RegisterStartupScript("false", "<script>alert(' 添 加 失败 ! ')</script>"); 


8.7 搜索 信息 功能 


8.7.1 搜索 信息 功能 概述 


搜索 功能 可 以 使 浏览 者 快速 、 有 效 地 查找 到 需要 的 信息 。 搜 索 功能 可 以 按 不 同 的 信息 类 型 进行 搜 
索 ， 如 图 8.24 所 示 。 


图 8.24 ”搜索 信息 功能 
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8.7.2 ”搜索 信息 功能 技术 分 析 


搜索 信息 功能 主要 使 用 了 SQL 语句 中 的 LIKE 模糊 查询 。 在 对 要 查询 的 数据 表 中 的 数据 了 解 得 不 
全 面 的 情况 下 ， 可 以 使 用 LIKE 模糊 查询 。 例 如 不 能 确定 所 要 查询 人 的 姓名 ， 只 知道 姓 李 ， 查询 某 个 
人 的 联系 方式 只 知道 是 以 “3451” 结 尾 等 ， 这 时 都 可 以 使 用 LIKE 进行 模糊 查询 。LIKE 关键 字 需 要 使 
通配符 在 字符 串 内 查找 指定 的 模式 , 所 以 读者 需要 了 解 通配符 及 其 含义 .通配符 的 含义 如 表 8.6 所 示 。 
表 8.6 LIKE 关键 字 中 的 通配符 及 其 含义 
通 配 符 说 明 
% 由 零 个 或 更 多 字符 组 成 的 任意 字符 串 
| 任意 单个 字符 
用 于 指定 范围 例如 [A~F]， 表 示 A~-F 范围 内 的 任何 单个 字符 


表示 指定 范围 之 外 的 ， 例 如 [^A~F]， 表 示 A~E 范围 以 外 的 任何 单个 字符 


1. “%” 通 配 符 

“%” 通 配 符 能 匹配 零 个 或 更 多 个 字符 的 任意 长 度 的 字符 串 。 

例如 ， 在 货源 信息 表 “ 出 发 地 ”字段 中 ， 查 询 第 一 个 字 为 “天 ”的 记录 。SQL 语句 如 下 

select * from tb_Freight where start like ' 天 %' 

2. “_” 通 配 符 

“ ”通配符 表示 任意 单个 字符 ， 该 符号 只 能 匹配 一 个 字符 ， 利 用 “_” 号 可 以 作为 通配符 组 成 匹 
配 模式 进行 查询 。 

例如 ， 在 货源 信息 表 “ 货 源 类 别 ” 字 段 中 ， 查 询 只 有 两 个 字 但 第 一 个 字 必须 是 “ 汽 ” 的 记录 。SQL 
语句 如 下 

select * from tb_Freight where FreightType like ' 汽 _" 

3. “[]” 通 配 符 

在 模糊 查询 中 可 以 使 用 “[ ]” 符 号 来 查询 一 定 范围 内 的 数据 。“[ ]” 符 号 用 于 表示 一 定 范围 内 的 
任意 单个 字符 ， 它 包括 两 端 数 据 。 

例如 ， 在 货源 信息 表 “ 联 系 电话 ”字段 中 ， 查 询 电话 号 码 以 “23” 结 尾 并 且 开头 数字 位 于 1 一 5 的 
记录 。SQL 语句 如 下 


select * from tb_Freight where Phone like '[1-5]23" 

4. “[ 和 ”通配符 

在 模糊 查询 中 可 以 使 用 “[ 人 ”符号 来 查询 不 在 指定 范围 内 的 数据 。“[ 息 ”符号 用 于 表示 不 在 某 范 
围 内 的 任意 单个 字符 ， 它 包括 两 端 数 据 。 


@ 
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例如 ， 在 货源 信息 表 “ 联 系 电话 ”字段 中 ， 查 询 电话 号 码 以 “23” 结 尾 ， 但 不 以 1 开头 的 记录 。 
SQL 语句 如 下 : 


select * from tb_Freight where Phone like '[^1]23" 


S73 搜索 信息 功 能 实现 过 寸 程 
国 本 模块 使 用 的 数据 表 : tb_Search 
1. 设计 步骤 


(1) 在 该 网 站 中 新 建 一 个 Web 用 户 控件 ， 将 其 命名 为 search.ascx， 用 于 实现 搜索 功能 。 
(2) 在 Web 窗 体 中 定义 div 标签 用 于 页 面 的 布局 。 


(3) 在 页 面 中 添加 相关 的 服务 器 控件 ， 控 件 的 属性 设置 及 用 途 如 表 8.7 所 示 。 
表 8.7 各 控件 的 名 称 、 属 性 设置 及 用 途 
控件 类 型 控件 名 称 主要 属性 设置 及 用 途 控件 用 途 
a ddlSearchType 均 为 默认 值 选择 信息 类 型 
ddlKeyType 均 为 默认 值 关键 字 类 型 
i txtKey 均 为 默认 值 输入 关键 字 
txtTerminal 将 Visible 属性 设置 为 False 输入 到 达 地 
Button btnSearch 均 为 默认 值 “搜索 ”按钮 
A Label labTerminal 均 为 默认 值 显示 到 达 地 关键 字 
2. 实现 代码 


在 搜索 功能 的 加 载 事件 中 调用 自 定义 方法 bindSearchType， 将 DropDownList 控件 的 数据 源 进行 绑 
定 。 实 现代 码 如 下 : 

倒 程 14 代码 位 置 ， 资源 包 \TM\08\WWuLiu\WuLiu\search.ascx.cs 

protected void Page_Load(object sender, EventArgs e) 


if (llsPostBack) / 淹 断 是 不 是 首次 加 载 页 面 
{ 


bindSearchType(); 
} 
} 


自 定义 方法 bindSearchType 将 显示 信息 类 别 的 DropDownList 控件 进行 绑 定 , 并 初始 化 显示 关键 字 
类 型 的 DropDownList 控件 。 实 现代 码 如 下 : 


倒 程 15 代码 位 置 资源 包 \IM\08\WWuLiu\WuLiu\search.ascx.cs 


public void bindSearchType() 


加 
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string sql = "select distinct searchType,type from tb_Search"; /调用 数据 库 操作 类 中 的 getDataset 方法 
// 绑 定 显示 信息 类 别 的 DropDownList 控件 的 数据 源 
DataSet ds = dataOperate.getDataset(sql, "tb_Search"); 


上 dlSearchType.DataSource = ds.Tables["tb_Search"].DefaultView; 
@ ddlSearchType.DataTextField = "searchType"; 
© ddlSearchType.DataValueField = "type"; 
ddlSearchType.DataBind(); 
bindKey(); // 自 定义 方法 绑 定 关键 字 类 型 
3 
< 代码 贴 二 


@ DataSource 属性 : 数据 源 的 对 象 ， 数 据 绑 定 控件 从 该 对 象 中 检索 其 数据 。 
@ DataTextField 属性 : 设置 显示 文本 的 字段 名 。 
@@ DataValueField 属性 : 设置 值 的 字段 名 。 


自 定义 方法 bindKey 将 显示 关键 字 类 型 的 DropDownList 控件 进行 绑 定 。 实 现代 码 如 下 : 
倒 程 16 代码 位 置 ， 资源 包 \TM\08\WWuLiu\WuLiu\search.Ascx.cs 


public void bindKey() 


{ 


} 


/获取 当前 选择 的 信息 类 型 的 表 名 

string type = ddlSearchType.SelectedValue.ToString(); 

string sql = "select searchKey,keyword from tb_Search where type=" + type + ""; 
// 调 用 数据 库 操作 类 中 的 getDataset 方法 并 获取 返回 的 数据 集 
DataSet ds = dataOperate.getDataset(sql, "tb_Search"); 

// 绑 定 关键 字 类 别 的 DropDownList 控件 的 数据 源 
ddIKeyType.DataSource = ds.Tables["tb_Search"].DefaultView; 
// 绑 定 关键 字 类 别 的 DropDownList 控件 文本 的 字段 名 
ddIKeyType.DataTextField = "searchKey"; 

// 绑 定 关 键 字 类 别 的 DropDownList 控件 值 的 字段 名 
ddiKeyType.DataValueField = "keyword"; 
ddIKeyType.DataBind(); 

// 调 用 自 定义 方法 是 否 显示 到 达 地 文本 框 

bindTerminal(); 


< 代码 贴 二 
@ SelectedValue 属性 : 获取 当前 选择 项 的 值 。 
自 定义 方法 bindTerminal 主要 用 来 判断 关键 字 类 型 是 否 选择 出 发 地 类 型 ， 如 果 选 择 出 发 地 类 型 将 
显示 到 达 地 文本 框 ， 否 则 不 显示 。 实 现代 码 如 下 : 
倒 程 17 代码 位 置 ， 资源 包 \TM\08\WWuLiu\WuLiu\search.Ascx.cs 
public void bindTerminal() 


// 判 断 关键 字 类 型 是 否 选择 了 出 发 地 
if (ddiKeyType.SelectedValue.ToString() == "Start") 
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txtTerminal.Text = "; /清空 “到 达 地 ”文本 框 
Label1.Visible = true; 
txtTerminal.Visible = true; 


} 
else 
Label1.Visible = false; 
txtTerminal.Visible = false; 
} 


3 -一 
当 浏 览 者 添加 完 需 要 搜索 的 信息 后 单 击 “ 搜 索 ” 按 钮 ， 将 浏览 者 添加 的 搜索 信息 转换 成 SQL 语句 
存储 到 Session 中 ， 并 跳 转 到 搜索 的 详细 信息 页 面 。 实 现代 码 如 下 : 


倒 程 18 ”代码 位 置 : 资源 包 \TM\08\WWuLiu\WuLiu\search.ascx.cs 
protected void Button1_Click(object sender, EventArgs e) 


‘ 
string table = ddlSearchType.SelectedValue.ToString(); // 获 取 表 名 
string keyType = ddIKeyType.SelectedValue.ToString(); /获取 字 断 名 
string keys = txtKey.Text; 1/ 获取 关键 字 
string sql; 
if (txtTerminal. Text != "") 
‘ 


Sql = "select * from " + table + " where "+ keyType + " like '%" + keys + "%' and terminal like '%"+ 
txtTerminal. Text + "%"™; 


上 
else 
Sql = "select * from " + table + " Where " + keyType + " like '%" + keys + "%"; 
} 
Session["searchSql"] = sql; // 将 SQL 语句 保存 到 Session 中 
Session["searchType"] = ddlSearchType.SelectedValue ToString(); // 将 表 名 保存 到 Session 中 


Response.Redirect("searchList.aspx"); 


8.8.1 ”发 布 信息 页 概述 


会 员 通 过 发 布 信息 模块 发 布 信息 。 根 据 用 户 的 登录 方式 不 同 发 布 的 信息 内 容 也 不 同 ， 以 个 人 方式 
登录 的 用 户 能 发 布 货源 信息 、 车 源 信息 、 仓 储 信息 ， 如 图 8.25 所 示 。 

以 企业 方式 登录 的 用 户 能 发 布 货源 信息 、 车 源 信 息 、 仓 储 信息 、 专 线 信 息 、 招 聘 信息 ， 如 图 8.26 
所 示 。 


区 
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图 8.25 个 人 用 户 发 布 信息 页 


深 动 新 闻 


图 8.26 企业 用 户 发 布 信息 页 


8.8.2 ”发 布 信息 页 技术 分 析 

在 添加 货源 出 发 地 时 使 用 了 省 与 城市 之 间 的 联动 功能 。 省 市 联动 功能 主要 使 用 两 个 DropDownList 
控件 绑 定 数据 库 中 的 省 和 市 的 详细 信息 。 创 建 自 定义 方法 将 显示 出 发 地 的 省 和 到 达 地 的 省 的 
DropDownList 控件 进行 绑 定 。 实 现代 码 如 下 : 


@ 
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去 加 


倒 程 19 ”代码 位 置 : 资源 包 \TM\08\WWuLiu\WWuLiu\issuanceFreight.aspx.cs 


public void bindSf() 
{ 


string sql="select distinct sf from tb_City"; 
/调用 数据 库 操作 类 中 的 getDataset 方法 并 接受 返回 的 数据 集 
DataSet ds=dataOperate.getDataset(sql, "tb_City"); 
// 绑 定 出 发 省 的 数据 源 
this.ddlcSf.DataSource = ds.Tables["tb_City"].DefaultView; 
// 绑 定 到 达 省 的 数据 源 
this.ddldSf.DataSource = ds.Tables["tb_City"].DefaultView; 
/ 绑 定 出 发 省 DropDownList 控件 的 文本 值 
ddlcSf.DataTextField = "sf"; 
// 弓 定 出 发 省 DropDownList 控件 的 值 
ddlcSf.DataValueField = "sf 
ddldSf.DataTextField = "sf"; 
ddldSf.DataValueField = "sf"; 
this.ddlcSf.DataBind(); 
this.ddldSf.DataBind(); 


} 
当 用 户 改变 出 发 省 的 选项 时 ， 显示 城市 的 DropDownList 控件 的 列表 也 随 之 改变 ， 这 个 功能 主要 通 
过 显示 省 的 DropDownList 控件 中 的 SelectedIndexChanged 事件 来 实现 。 实 现代 码 如 下 : 


倒 程 20 代码 位 置 ， 资源 包 \TM\08\WWuLiu\WWuLiu\issuanceFreight.aspx.cs 
protected void ddlcSf_SelectedlndexChanged(object sender, EventArgs e) 
{ 

/获取 所 选择 省 的 值 

string sf = ddlcSf.SelectedValue.ToString(); 

string sql = "select cs from tb_City where sf=" + Sf+ 

/调用 数据 库 操 作 类 中 的 getDataset 方法 并 接受 返回 的 数据 集 

DataSet ds = dataOperate.getDataset(sql, "tb_City"); 

this.ddlcCs.DataSource = ds.Tables["tb_City"].DefaultView; 

// 绑 定 出 发 市 DropDownList 控件 的 文本 值 

ddicCs.DataTextField = "cs"; 


/ 绑 定 出 发 市 DropDownList 控件 的 值 
ddicCs.DataValueField = "cs"; 
this.ddlcCs.DataBind(); 


} 
8.8.3 发 布 信息 页 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb_Freight 
1. 设计 步骤 
(1) 在 该 网 站 中 新 建 一 个 Web 窗 体 ， 将 其 命名 为 issuanceFreight.aspx， 用 于 实现 发 布 货源 信息 
功能 。 
(2) 在 Web 窗 体 中 定义 div 标签 用 于 页 面 的 布局 。 
(3) 在 页 面 中 添加 相关 的 服务 器 控件 ， 控 件 的 属性 设置 及 用 途 如 表 8.8 所 示 。 


@ 
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表 8.8 各 控件 的 名 称 、 属 性 设置 及 用 途 


控件 类 型 | 控件 名 称 主要 属性 设置 用 途 
txtFreightType “| 均 为 默认 值 输入 货物 种 类 
EreightWeight | 均 为 默认 值 输入 货物 重量 

ee txtLinkman 均 为 默认 值 输入 发 布 货物 联系 人 
txtPhone 均 为 默认 值 输入 发 布 货物 人 联系 电话 
txtTerm 均 为 默认 值 输入 货物 信息 有 效 日 期 
txtContent 将 TextMode 属性 设置 为 MultiLine (设置 文本 框 模 式 ) | 输入 货物 信息 备注 

Checked 设置 为 tue (控件 已 选中 状态 ) ，GrupName | ， 

i 设置 为 weighte ( 单 选 按钮 所 属 的 组 ) Et 
rdibtnFan GrupName 设置 为 weighte( 单 选 按钮 所 属 的 组 ) 选择 货物 重量 单位 方 
rdibtnJian GrupName 设置 为 weighte( 单 选 按钮 所 属 的 组 ) 选择 货物 重量 单位 件 
ddlcSf 将 AutoPostBack 属性 设置 为 True( 自 动 回 传 到 服务 器 )| 选择 货物 出 发 地 的 省 

辣 ddlcCs 将 AutoPostBack 属性 设置 为 True( 自动 回 传 到 服务 器 〉| 选择 货物 出 发 地 的 市 

ddldsf 将 AutoPostBack 属性 设置 为 True( 自动 回 传 到 服务 器 ) | 选择 货物 到 达 地 的 省 
ddldCs 将 AutoPostBack 属性 设置 为 True( 自动 回 传 到 服务 器 〉| 选择 货物 到 达 地 的 市 
加 Button btnIssuance 均 为 默认 值 发 布 货物 信息 按钮 
2. 实现 代码 


发 布 各 种 信息 的 实现 过 程 类 似 ， 这 里 主要 讲解 如 何 发 布 货源 信息 。 当 用 户 单 击 “ 发 布 ”按钮 时 ， 
在 此 按钮 的 Click 事件 中 ， 将 用 户 添加 的 货源 信息 通过 SQL 语句 使 用 数据 库 操作 类 中 的 execSQL 方法 
存储 到 数据 库 中 。 实 现代 码 如 下 : 

倒 程 21 代码 位 置 ， 资源 包 \TM\08\WuLiu\WuLiu\issuanceFreight.aspx.cs 


protected void Button1_Click(object sender, EventArgs e) 

E 
string UserName = Session["UserName"].ToString(); /存储 用 户 登录 名 
string Start = ddlicSf.SelectedValue.ToString() + ddlcCs.SelectedValue.ToString(); /存储 出 发 地 
tring Terminal = ddldSf SelectedValue.ToString() + ddldCs.SelectedValue.ToString();// 存 储 到 达 地 


string FreightType = this.txtFreightType. Text; /存储 货物 类 型 
string FreightWeight = this.txtFreightWeight. Text; /存储 货物 重量 
string WeightUnit; /用 于 存储 重量 单位 
if (rdibtnDun.Checked) // 判 断 重量 单位 类 型 

WeightUnit = " 吨 "; 
} 
else 

if (rdibtnFan.Checked) 

WeightUnit = " 方 "; 

} 

else 


WeightUnit = " 件 "; 
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string Linkman = this.txtLinkman.Text; /存储 联系 人 

string Phone = this.txtPhone. Text; /存储 联系 电话 
string Term = this.txtTerm.Text; /存储 有 效 日 期 
string Content = this txtContent Text; /存储 详细 信息 
string FBDate=DateTime.Now.ToString(); /存储 发 布 日 期 


string UserType = Session["UserType"].ToString(); 
string sql = "insert into tb_Freight values(" + UserName + "," + Start + "," + Terminal + "," + FreightType + ", 
ms 
FreightWeight + "," + WeightUnit + "," + Linkman + ","+Phone +","+Term+","+Content+","+ 
FBDate + "," + UserType + ™,")"; 


/判断 货物 信息 是 否 插入 
if (dataOperate.execSQL(sql)) 
RegisterStartupScript("true", "<script>alert(' 发 布 成 功 ! ')</script>"); 
Ls 
s RegisterStartupScript("false", "<script>alert(' 发 布 失败 ! ')</script>"); 


} 
8.8.4 单元 测试 


在 编写 完 程序 后 需要 对 程序 进行 调试 ， 而 断 点 是 调试 的 核心 ， 它 是 .NET 的 一 个 指令 ， 能 够 使 代码 
运行 到 指定 的 行 ， 然 后 停 下 来 等 待 用 户 检查 应 用 程序 当前 的 状态 。 断 点 模式 可 以 看 作 是 一 种 超时 ， 所 
有 元 素 〈 如 函数 、 变 量 和 对 象 ) 都 保留 在 内 存 中 ， 但 它们 的 移动 和 活动 被 挂 起 了 。 在 中 断 模式 下 ， 可 
以 检查 它们 的 位 置 和 状态 ， 以 查看 是 否 存在 冲突 或 bug。 可 以 在 中 断 模式 下 对 程序 进行 调整 ， 如 果 没 有 
这 个 功能 ， 调 试 大 的 程序 几乎 是 不 可 能 的 。 

(1) 设置 断 点 

添加 一 个 断 点 ， 当 遇 到 该 断 点 所 在 的 代码 时 ， 就 中 断 执行 。 单 击 该 代码 左边 的 灰色 区 域 ， 或 者 右 
击 该 代码 行 ， 选 择 “ 断 点 ”一 “插入 断 点 ”命令 ， 断 点 在 该 行 的 旁边 显示 为 一 个 红色 的 圆 ， 该 行 代 码 
也 突出 显示 ， 如 图 8.27 所 示 。 

(2) 断 点 窗口 

使 用 断 点 窗口 可 以 查看 文件 中 的 断 点 信息 。 使 用 以 下 任何 一 种 方法 均 可 显示 断 点 窗口 。 

回 按 Ctrl+Altr+B 组 合 键 。 

回 ”选择 菜单 栏 中 的 “调试 ”一 “窗口 ”一 “ 断 点 ”命令 。 

回 ”在 调试 工具 栏 中 单 击 “ 即 时 ”下 拉 图 标 ， 选 择 “ 断 点 ”选项 。 

“ 断 点 ”窗口 如 图 8.28 所 示 。 通 过 选择 “ 断 点 ”窗口 中 对 应 的 复 选 框 ， 能 够 启用 或 禁用 所 有 断 点 。 

在 该 窗口 中 , 可 以 禁用 断 点 (删除 描述 信息 左边 的 记号 ; 禁用 的 断 点 用 填充 为 红色 的 圆圈 来 表示 ) 、 
删除 断 点 、 编 辑 断 点 的 属性 。 该 窗口 中 还 显示 了 “条 件 ” 和 “命中 次 数 ” 两 个 可 用 属性 ， 它 们 是 非常 
有 用 的 。 右 击 “ 断 点 ”， 在 弹出 的 快捷 菜单 中 选择 相应 的 命令 ， 可 对 其 进行 编辑 。 

(3) 断 点 属性 

为 提供 更 大 的 灵活 性 ， 通 过 Visual Studio 调试 器 能 够 设置 属性 以 修改 断 点 的 行为 。 通 过 属性 菜单 
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可 对 它们 进行 设置 。 右 击 断 点 轮廓 左边 缘 ， 弹 出 断 点 属性 菜单 ， 如 图 8.29 所 示 。 


在 属性 菜单 中 ， 前 两 个 命令 可 删除 或 者 禁用 所 选中 断 点 。 当 选择 “禁用 断 点 ”命令 时 ， 该 命令 


发 生 切 换 ， 断 点 图 标 将 显示 为 一 个 空心 圆 。 


0 wm -Microso vimal sedis 


Ww tse (no ”| 


文 HB 六 SB 入 EV。 网 9 生 友 B) 证 RD) BAM I 有 RD 9 I 罕 DQW #0 shenye ~ 
Oo 入 -向 国 中 | 了 -人 -| Debig -mcro -Freox- 扣 -| 丙 |Q@Q: 思 哈 | 三 当 | 央 久生 


using System. Web. UI; 

using System Web.UI. WebControls; 

using System. Web.UI. WebControls. WebParts; 
using System. Web.UI. HtnlControls 


public partial class search : System Web.UI. UserControl 


protected void Page Load(object sender, EventArgs e) 


拖 
pub 


if (!IsPostBack) 


型 下 拉 列 表 
e void bindSearchType 0 


string sql =“seleet distinct searchType, type from tb_Search 
DataSet ds = dataOperate. getDataset (sql, “tb_Search”); 
ddlSearchType. DataSouree = ds. Tables[”tb_Search”]. DefaultVier; 
ddlSearchType. DataTextField = “searchType”; 


断 点 vx 
新 建 -| 义 | 妆 四 jG| 瑟 后 | 列 - | 搜索 -| 在 列 中 全 部 可 见 -| 兰 
名 称 标签 条件 。| 命中 次 数 


TO NE et sar 


wep 


图 8.28 “ 断 点 ”窗口 


au i ao varuauvay 
17 | { 

la 

删除 新 点 (5) 

禁用 断 点 (D) Ctrl+F9 

冬 件 (O-. At 名 Cc” 典型 下 拉 列 表 

所 作 (A).. bindSearchType 
和 RE sql = “select distinct 
S00 ds = data0perate. getDa 
26 ddlSearchType. DataSource = ds. 
o7 4d1c<-vnhTor< NataTovtRiald 一 


图 8.29 断 点 属性 


言 息 页 面 主要 显示 所 有 用 户 发 布 的 货源 信息 ， 浏 览 者 可 以 通过 该 页 浏览 到 自己 需要 的 货源 信 
息 。 货 源 信息 页 的 运行 效果 如 图 8.30 所 示 。 


= EE 
《CD 


货源 信息 
信息 
滩地 ry 汪 物 各 关 。。。 重量。 发布 
吉林 省 长春 市 :京北 训 市 二 500 咯 100813 
黑龙 江 站 吐 因 宾 市 山西 和 原市 ed 53535 吨 
视 轩 六 州 市 HE 建 村 。 1000 是 


图 8.30 货源 信息 页 的 运行 效果 
8.9.2 ”货源 信息 页 技术 分 析 
在 货源 信息 页 面 中 ， 主 要 通过 DataSet 对 象 将 其 绑 定 到 GridView 控件 上 ， 将 所 有 的 货源 信息 显示 
出 来 ， 下 面 主要 介绍 DataSet 对 象 。 
DataSet (数据 集 ) 对 象 相当 于 内 存 中 的 数据 库 ， 在 命名 空间 System .Data 中 定义 。DataSet 是 一 个 
完整 的 数据 集 。 在 DataSet 内 部 ， 主 要 可 以 存储 5 种 对 象 ， 如 表 8.9 所 示 。 
表 8.9 ”DataSet 的 对 象 


属 性 说 有 明 
DataTable 使 用 行 、 列 形式 来 组 织 的 一 个 矩形 数据 集 
DataColumn 一 个 规则 的 集合 ， 描 述 决定 将 什么 数据 存储 到 一 个 DataRow 中 
DataRow 由 单行 数据 库 数据 构成 的 一 个 数据 集合 ， 该 对 象 是 实际 的 数据 存储 
Constraint | 决定 能 进入 DataTable 的 数据 


DataRelation 描述 了 不 同 的 DataTable 之 间 如 何 关 联 


在 DataSet 内 部 是 一 个 或 多 个 DataTable 的 集合 .在 每 个 DataTable 的 集合 中 都 包括 DataRow 对 象 、 
DataColumn 对 象 和 Constraint 集合 以 及 DataRelation 集合 。DataTable 和 其 内 部 的 DataRelation 集合 
应 于 父 关 系 和 子 关 系 ， 二 者 建立 了 DataTable 之 间 的 连接 。DataSet 内 部 的 DataRelation 集合 是 所 有 
DataTable 集合 中 的 一 个 聚合 视图 。 

显示 货源 信息 的 GridView 控件 将 数据 库 操作 类 中 getDataset 方法 返回 的 DataSet 对 象 绑 定 到 数据 
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源 上 ， 将 所 有 货源 信息 显示 出 来 。 代 码 如 下 : 
gvFreight.DataSource = dataOperate.getDataset(sql, "tb_Freight"); 


8.9.3 ”货源 信息 页 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb_Freight 
1. 设计 步骤 


(1) 在 该 网 站 中 新 建 一 个 Web 窗 体 ， 将 其 命名 为 freightList.aspx， 用 于 实现 显示 所 有 货源 信息 。 
(2) 在 Web 窗 体 中 定义 div 标签 用 于 页 面 的 布局 。 

(3) 在 页 面 中 添加 一 个 GridView 控件 ， 该 控件 用 于 显示 所 有 货源 信息 。 

这 里 给 出 显示 货源 信息 的 GridView 控件 前 台 绑 定 代码 。 实 现代 码 如 下 : 


倒 程 22 代码 位 置 ， 资源 包 \TM\08\WWuLiu\WuLiu\freightList.aspx 


<asp:GridView ID="gvFreight" runat="server" AutoGenerateColumns="False" Width="80%" AllowPaging="True" 
OnPagelndexChanging="gvFreight_PagelndexChanging" CssClass="grid" CellPadding="4" 
ForeColor="#333333" GridLines="None" HorizontalAlign="Center"> 
<AlternatingRowStyle BackColor="White" ForeColor="#284775" /> 
<Columns> 
<asp:BoundField DataField="Start" HeaderText=" 出 发 地 " /> 
<asp:BoundField DataField="Terminal" HeaderText=" 到 达 地 " /> 
<asp:BoundField DataField="FreightType" HeaderText=" 货 物种 类 " /> 
<asp:TemplateField HeaderText=" 重 量 "> 
<ltemTemplate> 
<%#Eval("FreightWeight") %> 
<%#Eval("WeightUnit")%> 
</ltemTemplate> 
</asp:TemplateField> 
<asp:BoundField DataField="FBDate" DataFormatString="{0:yy-MM-dd}" HeaderText=" 发 布 
日 期 " 
HtmlEncode="False" /> 
<asp:TemplateField HeaderText=" 详 细 信 息 "> 
<ltemTemplate> 
<a href="freightinfo.aspx?ID=<%#Eval("ID")%>"> 详 细 信 息 </a> 
</ltemTemplate> 
</asp:TemplateField> 
</Columns> 
<EditRowStyle BackColor="#999999" /> 
<FooterStyle BackColor="#EC005F" Font-Bold="True" ForeColor="White" /> 
<HeaderStyle BackColor="#ECO00S5F" Font-Bold="True" ForeColor="White" Height="30px" /> 
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" /> 
<RowStyle BackColor="#F7F6F3" ForeColor="#333333" Height="20px" /> 
<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" /> 
<SortedAscendingCellStyle BackColor="#E9E7E2" /> 
<SortedAscendingHeaderStyle BackColor="#506C8C" /> 
<SortedDescendingCellStyle BackColor="#FFFDF8" /> 
<SortedDescendingHeaderStyle BackColor="#6F8DAE" /> 
</asp:GridView> 
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2. 实现 代码 

在 Web 窗 体 的 加 载 事件 中 调用 bindFreight 自 定义 方法 将 货源 信息 绑 定 到 GridView 控件 上 。 实 现 
代码 如 下 : 

倒 程 23 代码 位 置 ， 资源 包 \TM\08\WWuLiu\WWuLiu\freightList.aspx.cs 

protected void Page_Load(object sender, EventArgs e) 


bindFreight(); // 自 定义 方法 
¥ 
bindFreight 自 定义 方法 通过 SQL 语句 利用 数据 库 操作 类 中 的 getDataset 方法 ， 将 数据 源 绑 定 到 
GridView 控件 上 将 所 有 货源 信息 显示 出 来 。 实 现代 码 如 下 : 
倒 程 24 ”代码 位 置 ; 资源 包 \TM\08\WWuLiu\WuLiu\freightList.aspx.cs 
protected void bindFreight() 


{ 
string sql = "select * from tb_Freight order by ID DESC"; 
/调用 getDataset 方法 将 返回 值 绑 定 到 GridView 上 
gvFreight.DataSource = dataOperate.getDataset(sql, "tb_Freight"); 
gvFreight.DataBind(); 

} 


由 于 货源 信息 量 很 大 ， 为 了 页 面 的 美观 和 浏览 方便 ， 使 用 了 GridView 控件 自 带 的 分 页 功能 。 在 
GridView 控件 的 PageIndexChanging 事件 中 设置 当前 页 的 索引 并 重新 绑 定 GridView 控件 。 实 现代 码 
如 下 : 

倒 程 25 代码 位 置 ， 资源 包 \TM\08\WWuLiu\WuLiu\freightList.aspx.cs 

protected void gvFreight_PagelndexChanging(object sender, GridViewPageEventArgs e) 


E 
@ gvFreight.Pagelndex = e.NewPagelndex; // 设 置 当前 页 索引 
gvFreight.DataBind(); /重新 绑 定 GridView 控件 
Ah 代码 贴 二 


@ NewPageIndex 属 性 : 获取 或 设置 新 页 的 索引 。 


8.10 货源 详细 信息 页 设计 


8.10.1 货源 详细 信息 页 概述 


当 浏 览 者 在 货源 信息 页 面 单 击 某 条 信息 的 “详细 信息 ”链接 按钮 时 ， 将 进入 一 个 新 的 页 面 ， 在 该 
而 中 显示 此 条 货源 的 详细 信息 ， 如 图 8.31 所 示 。 
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出 发 地 : ”吉林 省 长 春 市 

到 达 她 : ”北京 市 北京 市 

货物 种 类 : 大麦 

货物 重量 : ”500 吨 

联 系 人 : 再 起 

联系 电话 : ”13111111111 

有 效 时 间 : ”2018 年 1 月 1 日 
发 布 日 期 : ”2017 年 8 月 13 日 


备 注 : 货 急 


图 831 货源 详细 信息 页 
8.10.2 ”货源 详细 信息 页 技术 分 析 


在 货源 详细 信息 页 面 中 ， 主 要 使 用 DataReader 对 象 将 货源 信息 表 中 的 各 个 字段 显示 在 页 面 上 。 下 
面 介绍 DataReader 对 象 。 

DataReader 对 象 主 要 用 来 读 取 数据 结果 ， 使 用 它 读 取 记 录 通 常 比 使 用 DataSet 更 快 。DataReader 
类 有 3 种 : SqlDataReader、OleDbDataReader 和 OdbcDataReader。DataReader 对 象 使 用 Commmand 对 
象 从 数据 库 中 读 取 记录 ， 每 次 只 能 返回 一 条 记录 保存 到 内 存 中 ， 从 而 避免 了 使 用 大 量 内 存 ， 大 大 提高 
了 性 能 。DataReader 离 不 开 与 数据 库 的 连接 ， 它 是 与 底层 数据 库 紧密 联系 在 一 起 。 需 要 注意 的 是 ， 
DataReader 对 象 返回 的 结果 是 一 个 只 读 的 且 仅 向 前 的 数据 流 。DataReader 对 象 的 常用 属性 及 说 明 如 
表 8.10 所 示 。 


表 8.10 DataReader 对 象 的 常用 属性 及 说 明 


属 性 说 _ 明 
Depth 设置 阅读 器 的 深度 
FieldCount 返回 当前 指定 行 的 列 数 
IsClosed 返回 当前 对 象 是 否 关闭 
Item 指定 字段 的 值 
RecordsAffected 返回 影响 的 记录 数 


ot IsClosed 和 RecordsAffected 是 在 一 个 已 经 关闭 的 DataReader 对 象 上 可 以 调用 的 唯一 属性 。 
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DataReader 对 象 的 常用 方法 及 说 明 如 表 8.11 所 示 。 


表 8.11 DataReader 对 象 的 常用 方法 及 说 明 


方 法 说 明 
Close 关闭 DataReader 对 象 
GetBoolean 返回 所 获取 的 布尔 型 值 
GetByte 返回 所 获取 的 Byte 类 型 值 
GetChar 返回 所 获取 的 Char 类 型 值 
GetDataTypeName | 返回 指定 列 的 数据 类 型 
GetDateTime 返回 所 获取 的 DateTime 对 象 
GetInt32 返回 所 获取 的 Int 类 型 值 
GetName 返回 指定 列 数 的 列 名 
GetString 返回 所 获取 的 String 类 型 值 
GetType 返回 当前 对 象 的 Type 对 象 
GetValue 以 本 机 格式 返回 指定 字段 的 值 
GetValues 返回 包含 指定 列 的 数据 的 对 象 ， 该 对 象 的 类 型 为 指定 列 的 原始 类 型 和 格式 
NextResult 读 取 批 处 理 SQL 语句 的 结果 时 ， 移 动 到 下 一 个 结果 
a 从 数据 源 中 读 取 一 个 或 多 个 记录 集 ， 返 回 值 为 True， 表 示 仍 有 记录 未 读 取 ， 和 否则 表示 已 经 读 取 
到 最 后 一 条 记录 


例如 ,使 用 SqlDataReader 对 象 获取 货源 信息 表 中 编号 等 于 1 的 记录 ， 并 将 该 记录 中 的 出 发 地 信息 
显示 在 文本 框 中 。 代 码 如 下 : 


SqlConnection con = new SqlConnection("server=.;database=db_WL;uid=sa;pwd=;") 
con.Open(); 

string sql = "select * from tb_Freight where ID=1; 

SqlCommand com = new SqlCommand(sql, con); 

SqlDataReader sdr com.ExecuteReader(); 


sdr.Read(); // 读 取 下 条 记录 


txtStart.Text = sdr["start"].ToString(); 


8.10.3 ”货源 详细 信息 页 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb_Freight 


四 


设计 步骤 
(1) 在 该 网 站 中 新 建 一 个 Web 窗 体 ， 将 其 命名 为 freightInfo.aspx， 用 于 实现 显示 货源 详细 信息 。 


(2) 在 Web 窗 体 中 定义 div 标签 用 于 页 面 的 布局 。 
(3) 在 页 面 中 添加 相关 的 服务 器 控件 ， 控 件 的 属性 设置 及 用 途 如 表 8.12 所 示 。 
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表 8.12 各 控件 名 称 、 属 性 设置 及 用 途 


控件 类 型 | 控件 名 称 主要 属性 设置 用 和 途 
i i 4 读 ,不 可 
i 本 Be 属性 设置 为 True 设置 文本 为 只 读 ， 不 可 以 更 | 信物 种 关 
a i 属性 设置 为 True 《设置 文本 为 只 恋 ， 不 可 以 更 | 品 示 侦 物 重量 
cs (设置 文本 为 只 该， 不 可 以 更 | 吕 示 联系 人 
本 en 属性 设置 为 True 《设置 文本 为 只 读 ， 不 可 以 更 | 联系 电话 
i a a 属性 设置 为 True 设置 文本 为 只 读 ， 不 可 以 更 | 骂 示 有 效 时 间 
i i ! 读 ,不 可 
ee 是 Eee 属性 设置 为 True 《设置 文本 为 只 恋 ， 不 可 以 更 | 品 示人 司 
i i 只 读 ， 不 可 
ee ey 属性 设置 为 Te 设置 文本 为 只 读 ， 不 可 以 更 | 品 示 发 布 日 期 
本 ea (设置 文本 为 只 读 ， 不 可 以 更 | 最 示 出 发 地 
i i 读 ， 不 可 避 
| We 属性 设置 为 True 设置 文本 为 只 读 ， 不 可 以 更 | 品 示 到 过 地 
OO mp a) | binClose 均 为 默认 什 关闭 页 面 按钮 


2. 实现 代码 
在 Web 窗 体 页 面 的 加 载 事件 中 调用 bindFreightInfo 自 定义 方法 将 货源 的 详细 信息 显示 出 来 。 实 现 
代码 如 下 : 


倒 程 26 代码 位 置 ， 资源 包 \TM\08\WuLiu\WuLiu\freightInfo.aspx.cs 
protected void Page_Load(object sender, EventArgs e) 
‘ 


bindFreightinfo(); 


在 bindFreightInfo 自 定义 方法 中 通过 货源 信息 页 面 传 入 的 编号 ， 在 数据 库 中 查找 符合 该 编号 的 货 
源 详细 信息 并 显示 出 来 。 实 现代 码 如 下 : 
倒 程 27 代码 位 置 ， 资源 包 \TM\08\WuLiu\WuLiu\freightInfo.aspx.cs 


protected void bindFreightinfo() 
{ 
string ID = Request.QueryString["ID"].ToString(); 
string sql = "select * from tb_Freight where ID=" + ID; 
// 通 过 数据 库 操作 类 中 的 getRow 方法 找到 此 条 货源 详细 信息 
SqlDataReader sdr = dataOperate.getRow(sq)); 
sdr.Read(); // 读 取 下 条 记录 
/获取 货源 详细 信息 


@ 
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txtStart. Text = sdr["start"].ToString(); 

txtTerminal. Text = sdr["Terminal"].ToString(); 

txtFreightType. Text = sdr["FreightType"].ToString(); 

txtFreightWeight. Text = sdr["FreightWeight"].ToString() + sdr["WeightUnit"].ToString(); 
txtLinkman. Text = sdr["Linkman"].ToString(); 

txtPhone.Text = sdr["Phone"].ToString(); 

txtTerm. Text = Convert.ToDateTime(sdr["Term"]).ToLongDateString(); 

txtContent. Text = sdr["Content"].ToString(); 

txtFBDate. Text = Convert.ToDateTime(sdrf"FBDate"]).ToLongDateString(); 


8.11.1 货源 信息 管理 页 概述 


管理 员 通 过 货源 信息 管理 模块 对 货源 信息 进行 审核 、 查 看 详细 信息 和 将 过 期 信息 删除 。 货 源 信息 
管理 页 如 图 8.32 所 示 。 


三 青 前 台 访问 。 息 系 统 消息 。 信安 全 退出 


货源 信息 管理 


人 〇 所 有 信息 箭 已 市 杞 信息 贿 未 市 核 仿生 


3 地。 溉 愧 神 类 ”发布 日 用 评 基态 。 有 效 日 用 出 除 。 市 要 


入 时 淹 市 。。 河北 音 厂 家 庄市 建材。 17-12-24 于 和 
时 龙 工商 哈 尔 波 市 。 山西 于 大原 市 。 gtgd 。 17-12-25 
吉林 省 长 春 布 。 北京 市 北京 市 大半 。 17-08-13 


已 市 说 2018-12-29 于 除 通过 /取消 
已 审核 2018-12-28 副 阶 通过 / 取 笠 
已 宙 寺 2018-01-01 删除 酒 过 / 取 和 


图 8.32 ”货源 信息 管理 页 
8.11.2 ”货源 信息 管理 页 技术 分 析 


信息 的 有 效 性 尤为 重要 ， 如 果 信息 已 经 过 期 就 需要 管理 员 将 其 删除 。 为 了 方便 管理 员 查 阅 ， 将 过 
期 的 信息 以 特殊 颜色 显示 出 来 。 可 以 在 GridView 控件 中 的 RowDataBound 事件 中 实现 该 功能 ， 在 该 事 
件 中 先 将 当天 的 日 期 获取 ， 再 将 此 条 信息 的 有 效 日 期 获取 ， 如 果 有 效 日 期 小 于 当前 日 期 ， 说 明 此 条 信 
息 已 经 过 期 ， 并 通过 ForeColor 属性 改变 此 条 信息 的 颜色 。 改 变 颜色 通过 Color 类 实现 ，Color 类 需要 
引用 命名 空间 System.Drawing。 实 现代 码 如 下 : 

倒 程 28 ”代码 位 置 : 资源 包 \TM\08\WWuLiu\WWuLiumanage Freight.aspx.cs 

protected void gvFreight_RowDataBound(object sender, GridViewRowEventArgs e) 


@ 
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{ 
if (e.Row.RowType == DataControlRowType.DataRow) 
{ 
© DateTime term = Convert.ToDateTime(e.Row.Cells[6].Text); // 获 取 有 效 日 期 
[2 DateTime nowDate =DateTime.Now.Date; /获取 当前 日 期 
if (term < nowDate) /判断 是 否 过 期 
{ 
e.Row.ForeColor = Color.Green:; 
} 
} 
¥ 
< 代码 由 


@ Convert: 将 一 种 基本 数据 类 型 转换 成 另 一 种 基本 数据 类 型 。 
@ DateTime Now.Date: 获取 本 地 时 间 的 日 期 部 分 。 


8.11.3 ”货源 信息 管理 页 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb_Freight 
1. 设计 步骤 


(1) 在 该 网 站 中 创建 Manage 文件 夹 ， 用 于 存放 网 站 后 台 管 理 窗 体 。 
(2) 在 该 Manage 文件 夹 下 新 建 一 个 Web 窗 体 ， 将 其 命名 为 manage_Freight.aspx， 用 于 货源 信息 
管理 。 
(3) 在 Web 窗 体 中 定义 div 用 于 页 面 的 布局 。 
(4) 在 页 面 中 添加 一 个 GridView 控件 ， 用 于 货源 信息 管理 。 
这 里 给 出 显示 货源 信息 的 GridView 控件 前 台 绑 定 代码 。 实 现代 码 如 下 : 


倒 程 29 代码 位 置 ， 资源 包 \TM\08\WWuLiu\WWuLiumanage Freight.aspx 


<asp:GridView ID="gvFreight" runat="server" AutoGenerateColumns="False" 
OnRowDataBound="gvFreight_RowDataBound" OnRowDeleting="gvFreight_RowDeleting" 
OnsSelectedlndexChanging="gvFreight_SelectedlndexChanging" 
Font-Size="10pt" AllowPaging="True" OnPagelndexChanging="gvFreight_PagelndexChanging" 
CellPadding="4" ForeColor="#333333" GridLines="None" 
HorizontalAlign="Center" Width="90%" CssClass="grid"> 
<AlternatingRowStyle BackColor="White" /> 
<Columns> 
<asp:BoundField DataField="Start" HeaderText=" 出 发 地 " /> 
<asp:BoundField DataField="Terminal" HeaderText=" 到 达 地 " /> 
<asp:BoundField DataField="FreightType" HeaderText=" 货 物种 类 " /> 
<asp:BoundField DataField="FBDate" HeaderText=" 发 布 日 期 " 
DataFormatString="{0:yy-MM-dd}" HtmlEncode="False" /> 
<asp:TemplateField HeaderText=" 详 细 信息 "> 
<ltemTemplate> 
<a href="../freightInfo.aspx?ID=<%#Eval("ID")%>"> 详 细 信 息 


</ltemTemplate> 
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</asp:TemplateField> 
<asp:BoundField AccessibleHeaderText="sh" DataField="Auditing" 
HeaderText=" 状 态 " /> 
<asp:BoundField DataField="Term" 
DataFormatString="{0:yyyy-MM-dd}" HeaderText=" 有 效 日 期 " HtmlEncode="False" /> 
<asp:CommandField HeaderText=" 删 除 " ShowDeleteButton="True"> 
<ControlStyle Font-Underline="False" /> 
</asp:CommandField> 
<asp:CommandField HeaderText=" 审 核 " SelectText=" 通 过 /取消 " 
ShowSelectButton= "True" /> 
</Columns> 
<EditRowStyle BackColor="#7C6F57" /> 
<FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" 
/> 
<HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" 
Height="40px" /> 
<PagerStyle BackColor="#666666" ForeColor="White" 
HorizontalAlign="Center" /> 
<RowStyle BackColor="#E3EAEB" Height="30px" HorizontalAlign="Center" 
/> 
<SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" 
ForeColor="#333333" /> 
<SortedAscendingCellStyle BackColor="#F8FAFA" /> 
<SortedAscendingHeaderStyle BackColor="#246B61" /> 
<SortedDescendingCellStyle BackColor="#D4DFE1" /> 
<SortedDescendingHeaderStyle BackColor="#15524A" /> 
</asp:GridView> 


2. 实现 代码 

在 Web 窗 体 页 面 的 加 载 事 件 中 调用 bindFreight 自 定义 方法 将 所 有 的 货源 信息 显示 出 来 。 实现 代码 
如 下 : 

倒 程 30 ”代码 位 置 : 资源 包 \TM\08\WuLiu\WWuLiumanage_ Freight.aspx.cs 

protected void Page_Load(object sender, EventArgs e) 


bindFreight(); // 调 用 自 定义 方法 显示 货源 信息 
和 


bindFreight 自 定义 方法 将 所 有 货源 信息 绑 定 到 GridView 控件 上 , 在 该 方法 中 先 判断 管理 员 选 择 的 
是 哪 种 显示 方式 ， 根 据 管理 员 选 择 的 显示 方式 来 绑 定 GridView 控件 。 实 现代 码 如 下 : 


倒 程 31 代码 位 置 : 资源 包 \TMWSVWuLiuvWuLiumanage Freight.aspx.cs 


protected void bindFreight() 
{ 


string sql = ”; 
if (rdibtnW.Checked) // 判 断 是 否 选择 未 审核 显示 方式 
和 
sql = "select * from tb_Freight where Auditing=0"; 
0 
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else 

if (rdibtnY.Checked) /| 判断 是 否 选择 已 审核 显示 方式 

{ 
sql = "select * from tb_Freight where Auditing=1"; 

} 

else 
if (rdibtnS.Checked) /| 判断 是 否 选择 所 有 信息 显示 方式 
{ 


sql = "select * from tb_Freight"; 


} 
// 调 用 数据 库 操作 类 中 的 getDataset 方法 将 数据 源 绑 定 到 GridView 控件 上 
gvFreight.DataSource = dataOperate.getDataset(sql, "tb_Freight"); 
gvFreight.DataKeyNames = new string[] { "ID" }; 
gvFreight.DataBind(); 


四 代码 贴 填 
@ gvFreight.DataKeyNames 属性 : 设置 主键 字段 。 


如 果 货 源 信息 已 被 审核 ， 此 条 信息 “状态 ” 列 将 显示 为 “已 审核 ” 且 字体 颜色 为 红色 ， 如 果 货 源 
信息 未 被 审核 ， 将 显示 为 “未 审核 ” 且 字 体 颜色 为 蓝 色 。 该 功能 通过 GridView 控件 的 RowDataBound 
事件 实现 ， 该 事件 在 数据 绑 定 后 引发 。 在 该 事件 中 判断 每 条 信息 的 审核 状态 ， 根 据 信息 当前 的 锁定 状 
态 来 改变 “状态 ” 列 的 显示 文本 和 颜色 。 实 现代 码 如 下 : 

倒 程 32 代码 位 置 ， 资源 包 \TM\08\WuLiu\WWuLiumanage Freight.aspx.cs 

protected void gvFreight_RowDataBound(object sender, GridViewRowEventArgs e) 


if (e.Row.RowType == DataControlRowType.DataRow) 


‘ 
// 获 取 货源 信息 的 有 效 日 期 
DateTime term = Convert.ToDateTime(e.Row.Cells[6].Text); 
1/ 获取 当前 日 期 
DateTime nowDate =DateTime.Now.Date; 
if (term < nowDate) // 淹 断 此 条 显示 是 否 过 期 
. 
e.Row.ForeColor = Color.Green; // 如 果 过 期 改变 此 行 的 颜色 
if (e.Row.Cells[5].Text == "False") /判断 当前 信息 的 审核 状态 
{ 
e.Row.Cells[5].Text = "未 审核 ”; /改变 文本 值 
e.Row.Cells[5].ForeColor =Color.Red; /改变 显示 颜色 
else 
e.Row.Cells[5].Text = "已 审核 "; 
e.Row.Cells[5].ForeColor = Color.Blue; 
} 
} 
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审核 信息 通过 “通过 /取消 ”链接 按钮 来 实现 ， 当 管理 员 单 击 某 条 信息 “通过 /取消 ”链接 按钮 时 ， 
将 改变 审核 状态 一 列 的 文本 和 文本 颜色 。 该 功能 在 GridView 控件 的 SelectedIndexChanging 事件 中 实现 ， 
该 事件 当选 择 某 行 时 引发 。 实 现代 码 如 下 : 

倒 程 33 代码 位 置 ， 资源 包 \TM\08\WWuLiu\WWuLiu\manage Freight.aspx.cs 


protected void gvFreight_SelectedindexChanging(object sender, GridViewSelectEventArgs e) 
{ 


// 获 取 当 前 货源 信息 的 编号 

string ID =this.gvFreight.DataKeys[e.NewSelectedlndex].Value.ToString(); 
string selSql="select Auditing from tb_Freight where ID= "+ID; 

// 调 用 数据 库 操 作 类 中 的 getRow 方法 并 接受 该 方法 返回 的 SqlDataReader 对 象 
SqlDataReader sdr = dataOperate.getRow(selSql); 

sdr.Read(); // 读 取 下 条 记录 


int Auditing =Convert.Tolnt32(sdr["Auditing"]); // 获 取 当 前 信息 的 审核 状态 
if (Auditing == 0) /判断 货源 信息 的 审核 状态 
Auditing = 1; // 改 变 当 前 信息 的 审核 状态 
Ls 
Auditing = 0; 


} 

string updSql = "update tb_Freight set Auditing=" + Auditing + " where ID=" + ID; 
dataOperate.execSQL(updSql); // 将 改变 后 的 审核 状态 存储 到 数据 库 中 
bindFreight(); // 调 用 自 定 义 方法 重新 绑 定货 源 信息 


8.12 ”网 站 文件 清单 


物流 信息 管理 平台 的 网 站 文件 清单 如 表 8.13 所 示 。 
表 8.13 ”网 站 文件 清单 


文件 位 置 及 名 称 说 了 明 
WuLiu\App_Code\dataOperate.cs 数据 库 操作 类 
WuLiu\App_Data\db WL Data MDF 数据 库 文件 
WuLiu\Bin\Interop.jmail.dll 引用 的 Jmail 组 件 
WuLinManagelockCause.aspX. 后 台 管理 锁定 用 户 详细 信息 
WuLiu\Manage\manage Depot.aspx 后 台 仓储 信息 管理 页 
WuLiu\Manage\manage Freight.aspx, 后 台 货 源 信息 管理 页 
WuLiu\Manage\manage_grUser.aspx, 后 台 个 人 用 户 管理 页 
WuLiu\Manage\manage issuanceNews.aspx 后 台 发 布 物流 信息 页 
WuLinManagemanage Job.aspx 后 台 招聘 信息 管理 页 


WuLiu\Manage\manage news.aspx 


后 台 物流 新 闻 管理 页 
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续 表 

文件 位 置 及 名 称 说 了 明 
WuLiu\Manage\manage qyUser.aspx 后 台 企 业 用 户 管理 页 
WuLiu\Manage\manage Special.aspx 后 台 专线 信息 管理 页 
WuLiuManage\manage Truck.aspx 后 台 车 源 信息 管理 页 
WuLiuManage\manapgeIndex.aspx 后 台 管理 首页 
WuLiu\companyInfo.aspx 企业 详细 信息 页 
WuLiu\companyList.aspx 所 有 企业 信息 页 
WuLiu\depotInfo.aspx. 仓储 详细 信息 页 
WuLiu\depotList.aspx, 所 有 仓储 信息 页 
WuLiu\EditInfo.aspx 企业 信息 编辑 页 面 
WuLiu\entry.ascx 登录 用 户 控件 
WuLiu\freightInfo.aspx 货源 详细 信息 页 
WuLiu\freightList.aspx 所 有 货源 信息 页 
WuLiu\grLeft.aspx 个 人 用 户 发 布 信息 左 框架 
WuLiu\header.ascx 网 站 导航 用 户 控件 
WuLiu\index.aspx 网 站 首页 
WuLiu\issuanceDepot.aspx 发 布 仓储 信息 页 
WuLiu\issuanceFreight.aspx 发 布 货源 信息 页 
WuLiuissuanceInfo.aspx 发 布 信息 首页 
WuLiu\issuanceJob.aspx 发 布 招聘 信息 页 
WuLiu\issuanceSpecial.aspx 发 布 专线 信息 页 
WuLiu\issuanceTruck.aspx 发 布 车 源 信息 页 
WuLiu\jobInfo.aspx 招聘 详细 信息 页 
WuLiu\jobList.aspx 所 有 招聘 信息 页 
WuLiu\login.aspx, 用 户 注册 页 
WuLiu\manageEntry.aspx 后 台 登 录 页 
WuLiu\MasterPage.master 母 版 页 
WuLiunewPass.aspx 修改 个 人 信息 页 
WuLiumews.aspx 新 闻 详 细 信息 页 
WuLiu\qyLeft.aspx 企业 用 户 发 布 信息 左 框架 
WuLiu\search.ascx 搜索 功能 用 户 控 件 
WuLiu\searchList.aspx 搜索 详细 信息 页 
WuLiu\specialInfo.aspx 专线 详细 信息 页 
WuLiu\specialList.aspx 所 有 专线 信息 页 
WuLiu\truckInfo.aspx 车 源 详细 信息 页 
WuLiu\truckList.aspx, 所 有 车 源 信息 页 


AM 
i 


@ 


第 8 章 物流 信息 管理 平台 (ASPNET 4.5+SQL Server 2014+Jmail 邮件 实现 ) ” 介 复 所 


8.13 邮件 发 送 


在 本 程序 用 户 注册 中 使 用 了 邮件 发 送 功 能 。 在 开发 电子 邮件 发 送 功能 时 , 主要 使 用 Jmail 组 件 发 送 
电子 邮件 。 因 为 使 用 Jmail 组 件 不 需要 书写 大 量 的 代码 ， 就 能 实现 非常 完美 的 功能 。 在 使 用 Jmail 组 件 
的 同时 ， 需 要 特别 强调 的 是 ， 在 使 用 过 程 中 要 将 该 组 件 引 用 到 项 目 当 中 ， 而 且 要 在 本 地 计算 机 上 注册 
该 组 件 。 


8.13.1 Jmail 组 件 介绍 


Jmail 组 件 是 由 Dimac 公司 开发 的 ， 用 来 完成 邮件 的 发 送 、 接 收 、 加 密 和 集群 传输 等 工作 。 它 支持 
从 POP3 邮件 服务 器 收取 邮件 ,支持 加 密 邮 件 的 传输 , 其 发 送 邮件 的 速度 快 ,功能 丰富 , 并 不 需要 Outlook 
之 类 的 邮件 客户 端 ， 而 且 是 免费 的 ， 是 使 用 非常 广泛 的 邮件 发 送 组件 。 在 使 用 Jmail 组 件 发 送 电子 邮件 
之 前 ， 首 先 需要 添加 对 Jmail 组 件 的 引用 。 具 体 步 又 如 下 : 

(1) 在 解决 方案 资源 管理 器 中 找到 要 添加 引用 的 网 站 项 目 ， 单 击 鼠标 右键 ， 在 弹出 的 快捷 菜单 中 
选择 “添加 引用 ”命令 ， 如 图 8.33 所 示 。 


现 有 项 (G)~ 
新 建文 件 夹 (D) 

添加 ASP.NET 文件 志 (S) 
引用 (R)… 

服务 引用 (S)~- 
Connected Service.. 
Web 窗 休 

Web 用 户 控件 
JavaScript 文件 

样式 表 

Web 窗 休 (包含 主 文件 ) 
母 版 页 


or 


在 浏览 器 中 查看 (Firefox (2))(B) 
使 用 以 下 工具 浏览 (H)-… 


恬 


源 代码 管理 (S) 


图 8.33 在 项 目 中 添加 引用 
(2) 在 打开 的 “添加 引用 ”对 话 框 (如 图 8.34 所 示 ) 中 选择 “浏览 ”选项 卡 ， 并 选择 要 引用 的 
jmail.dll 文件 ， 单 击 “ 确 定 ”按钮 ， 将 Jmail 组 件 添 加 到 网 站 项 目的 引用 中 ， 然 后 就 可 以 直接 在 后 台 代 


码 中 使 用 其 属性 和 方法 了 。 


_ 国 
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引用 管理 器 - WuLiu 


六 | InteropjmaiLdll 2010/8/13 15:11 应 用 程序 扩展 ba | 
E| [jmaildl 2010/8/13 15:11 。 应 用 程序 扩 寡 354 


文件 名 (N): jmaildl 


图 8.34 “添加 引用 ”对 话 框 
HN 


Dn 
组 件 。 例如， 该 组 件 放 在 “C:\Jmail\Jmail.dll” 下 ， 注 册 时 只 需 在 “运行 ”中 运行 “Regsvr32 
C:JmailJmail.dll” 即 可。 


8.13.2 邮件 发 送 的 实现 


发 送 功能 主要 通过 Jmail.. MessageClass 类 中 几 个 主要 的 属性 和 方法 来 实现 。Jmail.. MessageClass 
类 中 的 属性 及 说 明 如 表 8.14 所 示 。 


表 8.14 Jmail.. MessageClass 类 中 的 属性 及 说 明 


属 性 说 了 明 
Attachments 返回 邮件 的 附件 集合 
Charset 设置 使 用 的 邮件 字符 集 ， 默 认为 US-ASCII， 中 国 则 为 GB2312 
ISOEncodeHeaders 邮件 头 是 否 使 用 ISO-8859-1 编码 ， 默 认 值 为 tme 
From 返回 或 设置 发 件 人 的 邮件 地 址 
Subject 邮件 的 主题 (标题 ) 
Body 邮件 的 正文 
Prority 返回 或 设置 邮件 的 优先 级 
Encoding 设置 附件 默认 编码 。 有 效 选项 是 “base64” 或 者 “quoted-printable” 
Date 返回 邮件 发 送 时 间 
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Prority 属性 用 来 返回 或 设置 邮件 的 优先 级 。 一 共有 5 个 级 别 ，1 为 最 快 ，5 为 最 慢 。 语 法 如 下 : 


Message.Prority=1; 
Response.Write(Messgae.Prority) 


/设置 为 最 快 
/| 输出 优先 级 


Jmail.. MessageClass 类 中 的 方法 及 说 明 如 表 8.15 所 示 。 


表 8.15 Jmail.. MessageClass 类 中 的 方法 及 说 明 

说 明 
为 邮件 添加 一 个 收 件 人 
为 邮件 添加 一 个 文件 型 的 附件 。 如 果 Inline 属性 被 设置 为 true， 
这 个 附件 就 是 一 个 可 媒 入 的 附件 
发 送 邮 件 。 邮 件 服务 器 是 一 个 描述 邮件 服务 器 名 称 或 地 址 的 字 
符 串 (包括 引号 ) ， 用 户 名 和 密码 是 可 选项 。 当 邮件 服务 器 需要 
发 信 认 证 时 可 使 用 。 使 用 的 格式 是 “用 户 名 : 密码 @ 邮 件 服务 器 ” 
Send 方法 用 来 发 送 邮 件 ， 一 般 情况 下 只 使 用 服务 器 参数 即 可 。 语 法 如 下 : 


Message.Send(server) 


方 ” 法 
AddRecipient(emailAddress.recipientName.PGPKey) 


AddAttachment(FileName.isInline.ContentType) 


Send(mailServer.enque) 


8.14 本 章 总 各 


本 章 主 要 的 内 容 是 根据 物流 信息 的 实际 情况 设计 一 个 物流 信息 管理 平台 。 在 开发 过 程 中 ， 首 要 考 
虑 的 问题 就 是 系统 的 需求 分 析 以 及 如 何 设计 数据 库 ， 因 为 数据 库 设 计 直 接 影响 到 管理 系统 的 好 坏 ， 然 
后 考虑 公共 类 的 编写 ， 一 个 好 的 公共 类 不 但 可 以 提高 开发 速度 ， 还 有 利于 系统 的 维护 。 本 章 通过 详细 
的 讲解 以 及 简洁 的 代码 ， 使 读者 能 够 更 快 、 更 好 地 掌握 物流 信息 管理 平台 开发 技术 。 


人 大 E> 


第 章 
上 彝 客 网 ( 专业 的 在 线 视频 网 ) 


(ASPNET 4.5+SQL Server 2014+FLYV 视频 格式 实现 ) 


随 着 因特网 的 发 展 ， 通 过 文字 信息 来 展现 自我 已 经 不 是 主流 的 方 
式 。 播 客 网 站 的 出 现 ， 使 得 通过 视频 展现 自我 方式 已 经 受到 广大 网 友 
的 青 对 。 网 友 可 以 将 自己 拍摄 或 制作 的 视频 上 传 到 播客 中 ， 以 提供 给 
其 他 网 友 浏 览 ， 并 可 以 通过 评论 功能 为 上 传 的 视频 进行 评论 ， 以 增进 
网 友之 间 的 交流 。 

通过 阅读 本 章 ， 可 以 学 习 到 : 

MH” 导航 栏 制 作 

MH ”循环 广告 栏 及 最 新 视频 显示 

MH 发 表 评论 及 显示 

WI 视频 上 传 

MW 观看 视频 并 对 其 进行 投票 

# FLV 视频 格式 转换 
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9.1 开发 背景 


当今 网 络 用 户 个 性 化 视频 尤为 突出 ， 如 比较 受 欢迎 的 优酷 视频 网 、 土 豆 视频 网 等 ， 其 每 天 下 传 的 
视频 与 在 线 视频 的 观看 及 点 击 率 有 时 都 可 以 过 百 万 次 。 通 过 视频 来 展示 自我 ， 彰 显 个 性 化 的 方式 已 经 
受到 广大 网 友 的 青睐 与 推崇 。 由 于 长 春 某 知名 物业 小 区 为 了 提高 业主 业余 生活 ， 增 进 物业 公司 与 小 区 
居民 的 感情 ， 现 委托 吉林 省 X X 科 技 有 限 公司 开发 一 个 播客 网 ( 即 在 线 视频 网 ) 。 


9.2 需求 分 析 


长 期 以 来 ， 人 们 自己 拍摄 或 制作 的 视频 只 能 存放 在 自己 的 计算 机 中 ， 如 果 要 将 自制 精彩 视频 分 享 
给 亲朋 好 友 ， 只 能 用 一 些 其 他 方法 如 刻录 成 资源 包 等 邮递 给 亲朋 好 友 ， 费 时 也 费力 。 如 果 能 开发 一 个 
在 线 视频 播放 网 站 将 视频 进行 上 传 并 分 享 给 朋友 ， 则 是 一 个 把 快乐 分 享 给 大 家 的 过 程 。 

由 上 面 的 需求 应 运 而 生 了 比较 受 大 家 欢迎 的 播客 网 。 播 客 网 是 用 户 通过 视频 的 形式 来 展现 自我 的 
平台 。 在 播客 网 中 ， 用 户 可 以 通过 注册 用 户 功能 来 注册 播客 网 站 的 会 员 ， 成 为 播客 网 站 的 会 员 后 用 户 
就 可 以 在 网 站 中 发 布 自己 的 视频 。 其 他 用 户 可 以 在 播客 网 站 中 欣赏 到 会 员 用 户 所 发 布 的 视频 。 用 户 在 
欣赏 完 视频 后 还 可 以 发 表 自 己 对 视频 的 看 法 或 意见 。 

另外 ， 在 播客 网 站 中 还 对 会 员 用 户 进行 了 积分 排名 功能 ， 例 如 ， 某 个 会 员 用 户 发 布 的 视频 越 多 ， 
所 得 积分 也 就 越 高 。 在 网 站 的 后 台 可 以 对 视频 进行 管理 。 会 员 所 发 布 的 视频 必须 通过 管理 员 审核 后 才 
可 以 在 前 台 的 页 面 中 显示 ， 如 果 某 个 会 员 发 布 了 违法 的 视频 ， 管 理 员 还 可 以 使 用 冻结 账号 的 功能 。 


9.3 系统 设计 


9.3.1 系统 目标 


播客 网 站 的 系统 目标 如 下 。 

界面 设计 友好 、 美 观 ， 数 据 存储 安全 、 可 靠 。 

普通 用 户 可 以 分 类 进行 观看 视频 ， 如 搞笑 类 、 体 育 类 、 编 程 词典 类 等 。 
强大 的 视频 搜索 功能 ， 保 证 视频 查询 的 灵活 性 。 

普通 用 户 及 会 员 都 可 以 对 视频 进行 评论 。 

会 员 积 分 设置 ， 如 某 个 会 员 用 户 发 布 的 视频 越 多 ， 所 得 积分 也 就 越 高 。 
视频 合法 性 的 审核 ， 如 果 某 个 会 员 发 布 了 违法 的 视频 ， 管 理 员 还 可 以 使 用 冻结 账号 的 功能 。 
提供 视频 排行 榜 ， 主 要 根据 视频 点 击 率 排行 。 

个 人 中 心 管理 ， 可 以 对 自己 上 传 的 视频 进行 管理 。 

提供 管理 员 对 视频 排行 、 网 站 动态 公告 、 循 环 广告 播放 等 功能 设置 。 
系统 最 大 限度 地 实现 了 易 维护 性 和 易 操 作 性 。 


固 加 回回 轿 回 加 罗网 加 
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9.3.2 ”系统 流程 图 
播客 视频 网 站 开发 的 系统 流程 图 如 图 9.1 所 示 。 


分 类 浏览 视频 ， 并 
对 视频 进行 评论 


图 9.1 系统 流程 图 
9.3.3 ”系统 功能 结构 


根据 播客 网 站 在 线 视频 审核 特点 ， 设 计 管理 员 后 台 审 核 功 能 结构 如 图 9.2 所 示 。 


播客 视频 后 台 管 理 
视频 分 类 管理 


图 9.2 系统 功能 结构 图 


9.3.4 ”系统 预览 
为 使 读者 对 播客 网 站 有 个 初步 的 了 解 ， 下 面 给 出 系统 中 的 几 个 页 面 ， 未 给 出 的 其 他 页 面 可 参见 资 


源 包 中 的 源 程序 。 
播客 网 主页 面 如 图 9.3 所 示 。 视 频 评论 页 面 如 图 9.4 所 示 。 


@ 


图 9.3 网 站 主页 面 〈 资 源 包 \…\index.aspx) 图 9.4 视频 评论 页 面 ( 资 源 包 \…\play.aspx) 


上 传 视频 页 面 如 图 9.5 所 示 。 视 频 播放 页 面 如 图 9.6 所 示 。 


图 9.5 上 传 视频 页 面 (资源 包 \*…\bookBorrow.aspx) 图 9.6 视频 播放 页 面 (资源 包 \…\play.aspx) 
播客 网 导航 栏 制 作 页 面 如 图 9.7 所 示 。 


图 9.7 播客 网 导航 栏 制 作 页 面 (资源 包 \*…\index.aspx) 


和 ot 意 由 于 路 径 太 长 ， 因 此 省 略 了 部 分 路 径 ， 省 略 的 路 径 是 “TM\09\PlayVideo”。 


9.3.5 构建 开发 环境 
1 网 站 开发 环境 


回 ”网 站 开发 环境 : Microsoft Visual Studio 2017。 
回 ”网 站 开发 语言 ， ASPNET+C#。 
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网 站 后 台数 据 库 : SQL Server 2014。 
开发 环境 运行 平台 : Windows 7/Windows 10。 
服务 器 端 


操作 系统 : Windows 7。 

Web 服务 器 : IIS 6.0 以 上 版 本 。 

数据 库 服务 器 : SQL Server 2014。 

浏览 器 : Chrome 浏览 器 、Firefox 浏览 器 。 

网 站 服务 器 运行 环境 : Microsoft .NET Framework SDK v4.5。 


客户 端 


浏览 器 : Chrome 浏览 器 、Firefox 浏览 器 。 
分 辩 率 ， 最 佳 效果 1280x800 像素 或 更 高 分 辩 率 。 


9.3.6 ”数据 库 设 计 

本 系统 采用 SQL Server 2014 数据 库 ， 名 称 为 playVideo， 其 中 包含 9 张 表 。 下 面 分 别 介绍 数据 库 
概要 说 明 、 数 据 库 概念 设计 及 数据 库 逻 辑 结构 设计 。 

1. 数据 库 概要 说 明 

从 读者 角度 出 发 ， 为 了 使 读者 对 本 系统 数据 库 中 的 数据 表 有 一 个 更 清晰 的 认识 ， 笔 者 设计 了 一 个 
数据 表 树 形 结构 图 ， 如 图 9.8 所 示 ， 其 中 包含 系统 所 有 数据 表 。 

2. 数据 库 概念 设计 

通过 对 本 系统 进行 的 需求 分 析 、 系 统 流程 设计 以 及 系统 功能 结构 的 确定 ， 规 划 出 系统 中 使 用 的 数 
据 库 实体 对 象 ， 具 体 说 明 如 下 。 

注册 会 员 发 布 视频 后 ， 管 理 员 需要 在 网 上 后 台 管 理 中 给 予 审核 ， 如 果 是 违法 的 视频 将 不 给 予 审核 
通过 。 视 频 详 细 信息 实体 E-R 图 如 图 9.9 所 示 。 


| 


加 加 


日 向 表 
田 向 系统 表 
国 国 dbo.bulletin 公告 信息 表 
田 回 dbo.manageUser 一 一 管理 员 表 
田 国 dbo.userinfo 一 一 一 一 用 户 信息 详细 表 


田 四 dbo.userRegister 一 一 用 户 注册 表 
田 加 dbowideoldea 一 一 一 视频 评论 表 
国 回 dbowideolnfo 一 视频 详细 信息 表 
国 国 dbowideoPol 一 一 一 视频 投票 信息 表 
田 辐 dbowideoTexis 一 一 视频 排行 表 


图 9.8 数据 表 树 形 结构 图 图 9.9 视频 详细 信息 实体 E-R 图 
再 精彩 的 视频 如 果 没 有 网 友 的 评论 也 会 黯然 失色 。 视 频 评论 信息 实体 E-R 图 如 图 9.10 所 示 。 


@ 
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评论 人 ) 


视频 评论 信息 


Casa ) 
9.10 ”视频 评论 实体 E-R 图 
精彩 视频 在 用 户 顶 起 后 ， 其 受到 的 关注 度 就 会 大 大 提升 。 视 频 排行 实体 E-R 图 如 图 9.11 所 示 。 
好 的 视频 是 如 何 被 网 友 项 起 的 , 可 以 通过 设置 视频 投票 来 体现 。 视 频 投票 信息 实体 E-R 图 如 图 9.12 
所 示 。 


视频 名 称 视频 类 型 


视频 投票 信息 


视频 排行 信息 


(视频 点 击 率 “) 人 视频 排行 月 从 (投票 者 的 了 ) (投票 视频 的 编号 ) 


9.11 视频 排行 实体 E-R 图 9.12 视频 投票 信息 实体 E-R 
3. 数据 库 逻 辑 结构 设计 
在 设计 完 数据 库 实体 E-R 图 之 后 ， 需 要 根据 实体 E-R 图 设计 数据 表 结 构 。 下 面 给 出 主要 数据 表 的 
数据 结构 和 用 途 。 
(1) userRegister (用户 注册 表 ) 
用 户 注册 表 用 于 保存 用 户 的 注册 信息 。 该 表 的 结构 如 表 9.1 所 示 。 


表 9.1 用 户 注册 表 的 结构 


字 段 类 型 长 度 说 了 明 
ID int 4 自动 编号 
UserName varchar 30 用 户 登 录 名 
UserPass Varchar 30 用 户 密码 
passQuestion varchar 50 密码 提示 问题 
passAnswer varchar 50 密码 提示 答案 
email Varchar 50 E-mail 地 址 
lock bit Ll 是 否 锁定 
lockCause varchar 50 锁定 原 | 


(2) videoInfo (视频 详细 信息 表 ) 
视频 详细 信息 表 主 要 用 于 保存 用 户 上 传 视频 的 详细 信息 。 该 表 的 结构 如 表 9.2 所 示 。 
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表 9.2 视频 详细 信息 表 的 结构 


字 段 类 型 长 度 说 有 明 
D int 4 自动 编号 
userName varchar 30 用 户 登 录 名 
videoTitle varchar 30 视频 标题 
VideoContent Varchar 500 视频 内 容 
VideoDate Varchar 8 发 布 视频 日 期 
videoPath varchar 50 视频 路 径 
videoPicture varchar 50 视频 图 片 
VideoType char 10 视频 类 型 
playSum int 4 视频 点 击 率 
flower int 4 视频 项 人 数 
tile int 4 视频 踩 人 数 
monthSum int 4 视频 本 月 点 击 率 
Auditin bit 1 视频 审核 状态 

(3) videoIdea〔 视 频 评论 表 ) 
视频 评论 表 主 要 用 于 保存 视频 的 评论 信息 。 该 表 的 结构 如 表 9.3 所 示 。 
表 9.3 ”视频 评论 表 的 结构 

字段 说 明 
ID 自动 编号 
userName 评论 人 
content 评论 内 容 
Videold 评论 视频 的 编号 
issuanceDate 评论 时 间 


(4) videoTaxis 〈 视 频 排 行 表 ) 
视频 排行 表 主 要 用 于 保存 视频 每 月 排行 信息 。 该 表 的 结构 如 表 9.4 所 示 。 
表 9.4 ”视频 排行 表 的 结构 


字 段 


videold 


VideoType 视频 类 型 
VideoTitle 视频 名 称 
PlaySum 视频 点 击 率 


taxisMonth 


(5) videoPoll (视频 投票 信息 表 ) 
视频 投票 信息 表 主 要 用 于 保存 已 投票 的 用 户 卫 和 视频 ID。 该 表 的 结构 如 表 9.5 所 示 。 
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视频 排行 月 份 
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表 9.5 视频 投票 信息 表 的 结构 


投票 视频 的 编号 


(6) bulletin (公告 信息 表 


Be en 信息 。 该 表 的 结构 如 表 9.6 所 示 。 


表 9.6 


公告 信息 表 的 结构 


Title 


content 
issuanceDate 


9.3.7 ”文件 来 组 织 结构 


为 了 便于 读者 对 本 网 站 的 学 习 ， 在 此 笔者 将 网 站 文件 的 组 织 结构 展示 出 来 ， 如 图 9.13 所 示 。 


b 
，》 别 App_Data 
b 上 别 css 
b font 
b 顺 images 
， 别 img 
b 别 imgFie 
b 别 imgHead 
b 器 js 
b 而 manage 
b 吧 playfile 
bP 喇 tool 
面 upFile 
b 加 user 
b 咽 webUser 
上 *@) Getpass.aspx 
加 indexaspx 
+ 加 MasterPage.master 
b +@) play.aspx 
4 国 playerswf 
b +@) Registeraspx 
上 + 后 ] searchList.aspx 
b +@) userinfoaspx 
b +@) userPage.aspx 
上 +@) videoCartoon.aspx 
b +@) videoFilm.aspx 
b +@) videoHumour.aspx 
+ 加 videoNewaspx 
b *@) videoplaySum.aspx 
b *@) videoSportaspx 
b +@) videoTaxisaspx 
+ 四 Web.config 


图 9.13 


公共 类 文件 夹 
数据 库 文件 夹 
样式 表 文 件 来, 
字体 库 文件 夹 + 
系统 图 片 文件 夫 ” 
图 片 文件 夹 + 
视频 图 片 文件 夹 + 

抓 取 的 视频 图 片 文件 夹 + 
点 脚本 文件 夫 ' 

后 台 管 理 文件 夹 * 

Flv 存放 文件 夹 * 

视频 转换 文件 夹 + 

仓 包 详细 信息 页 + 
普通 用 户 页 面 文件 夹 * 
用 户 控件 文件 夹 * 

找 回 密码 页 面 + 
网 站 首页 ” 

母 版 页 + 

视频 播放 页 


注册 页 面 * 

搜索 页 面 " 

用 户 详细 信息 页 面 ” 
个 人 管理 页 面 " 


体育 视频 页 面 + 
视频 排行 页 面 " 
网 站 吏 置 文件 ” 


系统 文件 组 织 结构 图 
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9.4 公共 类 设计 


共 类 ， 可 以 提高 开发 效率 以 及 方便 以 后 对 程序 的 维护 。 对 于 一 个 好 的 程序 来 说 ， 公 共 类 是 
不 可 缺少 的 一 部 分 。 在 本 程序 中 编写 了 两 个 公共 类 ， 这 两 个 公共 类 分 别 为 数据 库 操作 类 operateData 和 
公共 方法 类 operateMethod。 数 据 库 操作 类 主要 用 于 编写 对 数据 库 常用 的 一 些 操作 。 公 共 方 法 类 用 于 纺 
写 在 程序 中 比较 常用 的 方法 或 日 后 易于 修改 的 方法 。 下 面 将 详细 介绍 公共 类 中 的 方法 。 


9.4.1 实现 添加 、 删 除 和 更 新 操作 

execSql 方法 用 来 执行 数据 表 的 添加 、 删 除 和 更 新 操作 ， 该 方法 返回 一 个 布尔 值 ， 用 来 表示 SQL 
语句 是 否 执行 成 功 。 该 方法 编写 在 数据 库 操作 类 operateData 中 。 调 用 该 方法 时 需要 传 入 一 个 string 类 
型 的 参数 ， 该 参数 为 需要 执行 的 SQL 语句 。 实 现代 码 如 下 : 


倒 程 01 ”代码 位 置 : 资源 包 \TMVWO9\PlayVideovApp_CodevoperateData.cs 
public static bool execSql(string sql) 


{ 

SqlConnection con = createCon(); // 创 建 数据 库 连 接 对 象 
con.Open(); /打开 数据 库 连 接 
SqlCommand com = new SqlCommand(sql, con); /创建 Sqlcommand 对 象 
int isEx=com.ExecuteNonQuery(); /| 获取 ExecuteNonQuery 方法 返回 的 值 
con.Close(); /关闭 数据 库 连 接 
if (isEx>0) 
{ 

return true; 
}else{ 

return false; 


} 
} 


9.4.2 ”实现 返回 指定 列 操作 


getTier 自 定义 方法 用 于 返回 指定 的 列 值 ， 该 方法 编写 在 dataOperate 类 中 。 调 用 该 方法 需要 传 入 一 
个 字符 串 变 量 , 该 变量 表示 需要 执行 的 SQL 语句 。 该 方法 编写 在 数据 库 操作 类 operateData 中 。 该 方法 
将 返回 一 个 字符 串 变 量 ， 该 字符 串 变 量 表示 查询 出 的 列 值 。 实 现代 码 如 下 : 

倒 程 02 ”代码 位 置 : 资源 包 \TM\09\PlayVideo\App_Code\operateData.cs 

public static string getTier(string sql) 


‘ 
SqlConnection con = createCon(); // 创 建 数据 库 连接 
con.Open(); /打开 数据 库 连接 
SqlCommand com = new SqlCommand(sql, con); /创建 Sqlcommand 对 象 
SqlDataReader sdr = com.ExecuteReader(); /| 创建 SqlDataReader 对 象 
sdr.Read():; // 读 取 一 条 记录 


@ 
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string tier=sdr[0].ToString(); // 获 取 首 列 的 值 
return tier; 


} 
9.4.3 ”实现 返回 表 中 所 有 数据 

getRows 自 定义 方法 用 来 返回 表 中 的 所 有 数据 ， 该 方法 返回 一 个 DataTable 对 象 。 该 方法 编写 在 数 
据 库 操作 类 operateData 中 。 调 用 该 方法 时 需要 传 入 一 个 string 类 型 的 参数 ， 该 参数 为 需要 执行 的 SQL 
语句 。 实 现代 码 如 下 : 


倒 程 03 代码 位 置 ， 资 源 包 \TM\09\PlayVideo\App_Code\operateData.cs 
public static DataTable getRows(string sql) 


{ 
DataSet ds; /创建 DataSet 对 象 
SqlConnection con = createCon(); /创建 数 据 库 连 接 
con.Open(); /打开 数据 库 连 接 
SqlDataAdapter sda = new SqlDataAdapter(sql, con); /创建 SqlDataAdapter 对 象 
ds = new DataSet(); /实例 化 DataSet 对 象 
sda.Fill(ds); // 填 充 DataSet 对 象 
con.Close(); /关闭 数据 库 连 接 
return ds.Tables[0]; 

于 


9.4.4 ”实现 用 户 登 录 操 作 


login 自 定义 方法 用 来 实现 用 户 登 录 查询 ， 主 要 通过 使 用 SqlCommand.Parameters 属性 的 参数 传 值 
将 非法 字符 过 滤 掉 , 来 防止 SQL 注入 式 攻击 。 该 方法 编写 在 数据 库 操作 类 operateData 中 。 该 方法 返 区 
-个 布尔 值 ， 该 值 为 True 时 表示 登录 成 功 ， 为 False 时 为 登录 失败 。 调 用 该 方法 需要 传 入 3 个 string 
类 型 的 参数 ， 第 1 个 sql 参数 表示 需要 执行 的 SQL 语句 ， 第 2 个 name 参数 表示 登录 名 ， 第 3 个 pass 
参数 表示 登录 密码 。 实 现代 码 如 下 : 
倒 程 04 代码 位 置 ， 资源 包 \TM\09\PlayVideo\App_Code\operateData.cs 
public static bool login(string sql, string name, string pass) 


{ 
SqlConnection con = createCon(); // 创 建 数据 库 连接 对 象 
con.Open(); // 打 开 数 据 库 连接 
SqlCommand com = new SqlCommand(sql, con); /| 创建 Sqlcommand 对 象 
com.Parameters.Add(new SqlParameter("@name", SqlDbType.VarChar, 20)); /设置 参数 的 类 型 
com.Parameters["@name"]. Value = name; /设置 参数 值 


com.Parameters.Add(new SqlParameter("@pass", SqlDbType.VarChar, 20)); 
com.Parameters["@pass"].Value = pass; 
int isEx=ConvertTolnt32(com.ExecuteScalar()); /获取 ExecuteScalar 对 象 返回 的 值 
if (isEx > 0) 
{ 

return true; 


. 


区 
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else 
return false; 


} 
9.4.5 ”实现 转换 视频 格式 


changeVideoType 自 定义 方法 将 上 传 的 视频 转换 为 .flv 格式 ， 并 保存 到 相应 的 文件 夹 下 。 该 方法 编 
写 在 公共 方法 类 operateMethod 中 。 该 方法 返回 一 个 布尔 值 ， 该 值 为 True 表示 转换 成 功 ， 为 False 表示 
转换 失败 。 调 用 该 方法 需要 传 入 3 个 参数 ， 第 1 个 参数 为 需要 转换 的 视频 路 径 ， 第 2 个 参数 为 视频 转 
换 后 保存 的 路 径 ， 第 3 个 参数 为 截取 视频 图 片 后 保存 的 路 径 。 实 现代 码 如 下 : 

倒 程 05 代码 位 置 ， 资源 包 \TM\09\PlayVideo\App_Code\operateMethod.cs 


public static bool changeVideoType(string fileName, string playFile, string imgFile) 
| 


string ffmpeg= System.Web.HttpContext Current.Server MapPath("./" + fimpegtool; /获取 视频 转换 工具 的 路 径 
1/ 获取 需 要 转换 的 视频 路 径 

string Name = System.Web.HttpContext.Current.Server.MapPath("../") + upFile + "/" + fileName; 

if ((ISystem.IO.File.Exists(ffmpeg)) || (!System.!O.File.Exists(Name))) 


€ 

return false; 
} 
string flv_file = playFile; 1/ 获取 视 频 转换 后 需要 保存 的 路 径 
Process pss = new Process(); /创建 Process 对 象 
pss.Startlnfo.CreateNoWindow = false; // 不 显示 窗口 
pss.StartInfo.FileName = ffmpeg:; // 设 置 启 动 程序 的 路 径 
pss.Startinfo.Arguments = " -i" + Name + " -ab 128 -ar 22050 -qscale 6 -r 29.97 -s " + widthOfFile + "x" + 

heightOfFile + " " + flv_file; // 设 置 执 行 的 参数 

try 

pss.Start(); // 启 动 转换 工具 

while (Ipss.HasExited) 

{ 

continue; 

} 

catchlmg(Name, imgFile); /截取 视频 的 图 片 

System.Threading.Thread.Sleep(4000); 

return true; 
} 
catch 


return false; 
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9.4.6 ”实现 截取 视频 图 片 


catchImg 自 定义 方法 用 来 实现 截取 视频 图 片 ， 并 保存 到 相应 的 文件 夹 下 。 该 方法 编写 在 公共 方法 
类 operateMethod 中 。 调 用 该 方法 需要 传 入 2 个 参数 ， 第 1 个 参数 表示 需要 截取 图 片 的 视频 路 径 ， 第 2 
个 参数 表示 截取 图 片 后 保存 的 路 径 。 实 现代 码 如 下 : 

倒 程 06 ”代码 位 置 : 资源 包 \TM\09\PlayVideo\App_Code\operateMethod.cs 

public static void catchlmg(string fleName,string imgFile) 


string ffmpeg = System.Web.HttpContext.Current.Server.MapPath("../") + ffmpegtool; /获取 截图 工具 路 径 
string flv_img = imgFile; // 获 取 截 图 后 保存 的 路 径 
string FlvImgSize = sizeOflmg; /获取 截取 图 片 的 大 小 
Process pss = new Process(); 
pss.StartInfo.FileName = ffmpeg; // 设 置 启动 程序 的 路 径 
pss.Startinfo.Arguments = " -i" + fileName + " -y -fimage2 -ss 2 -vframes 1 -s " + FlvImgSize + ""+flv_img; 
pss.Start(); /启动 进程 

} 


9.4.7 ”实现 过 滤 HTML 字符 


filtrateHtml 自 定义 方法 用 来 实现 过 滤 HTML 字符 。 该 方法 编写 在 公共 方法 类 operateMethod 中 。 
调用 该 方法 需要 传 入 一 个 字符 串 变量 ， 该 变量 表示 需要 过 滤 的 字符 串 。 该 方法 返回 一 个 字符 串 变 量 ， 
该 变量 表示 过 滤 后 的 字符 串 。 实 现代 码 如 下 : 

倒 程 07 代码 位 置 ， 资源 包 \TM\09\PlayVideo\App_Code\operateMethod.cs 


public static string filtrateHtml(string str) 
{ 


str = str.Trim(); 

str = str.Replace(™™", "&quot;"); 
str = str.Replace("<", "&lt;"); 
str = str.Replace(">", "&gt:"); 
str = str.Replace(" ", "&nbsp;"); 
str = str.Replace("\n", "<br>"); 
return str; 


9.4.8 ”实现 恢复 HTML 字符 


resumeHtml 自 定义 方法 用 来 恢复 HIML 字符 。 该 方法 编写 在 公共 方法 类 operateMethod 中 。 调 用 
该 方法 需要 传 入 一 个 字符 串 变量 ， 该 变量 表示 需要 恢复 的 字符 串 。 该 方法 返回 一 个 字符 串 变 量 ， 该 变 
量 表示 恢复 后 的 字符 串 。 实 现代 码 如 下 : 

倒 程 08 代码 位 置 ， 资源 包 \TM\09\PlayVideo\App_Code\perateMethod.cs 


public static string resumeHtml(string str) 
有 


人 @ 
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str = str.Trim(); 

str = str.Replace("&quot;", ™"); 
str = str.Replace("&lt;", 
str = str.Replace("&gt;", 
str = str.Replace("&nbsp;", " "); 
str = str.Replace("<br>", \n"); 
return str; 


9.5 网 站 首页 设计 


视频 讲解 


9.5.1 ”网 站 首页 概述 


在 播客 的 首页 中 用 户 可 以 查看 到 最 新 发 布 的 视频 信息 ， 如 最 新 搞笑 视频 、 最 新 体育 视频 等 。 播 客 


网 首页 如 图 9.14 所 示 。 


图 9.14 播客 网 首页 
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9.5.2 ”网 站 首页 技术 分 析 


在 使 用 session 保存 数据 时 , 可 能 会 因为 改写 bin 目录 下 的 某 个 文件 或 其 他 原因 而 引起 session 中 的 
数据 丢失 , 由 于 在 Web.config 的 session 的 配置 中 的 mode 属性 是 用 来 设置 session 保存 状态 。 而 默认 的 
参数 为 Inproc， 该 参数 使 session 的 保存 状态 依赖 于 ASPNET 进程 。 这 个 进程 不 稳定 ， 在 某 些 事件 发 


生 时 ， 可 能 会 引起 进程 的 本 


看 启 ， 而 该 进程 重启 后 会 导致 session 的 丢失 。 


为 了 防止 session 的 丢失 ， 可 以 把 mode 属性 的 参数 设置 为 StateServer，StateServer 是 本 机 中 的 一 


个 服务 ， 而 该 服务 除非 是 在 计算 机 村 


(2) 打开 控制 面板 中 的 管理 工具 选项 。 


(3) 在 管理 工具 + 


动 该 服务 。 


9.5.3 ”网 站 首页 实现 过 程 


国 本 模块 使 用 的 数据 表 : videoInfo、bulletin、userRegister 


1. 设计 步骤 


(1) 创建 一 个 Web 窗 体 ， 将 其 命名 为 index.aspx。 
(2) 在 该 窗 体 中 添加 控件 ， 所 添加 的 控件 类 型 、 控 件 名 称 及 说 明 如 表 9.7 所 示 。 
表 9.7 控件 类 型 、 控 件 名 称 及 说 明 


和 E 启 或 StateService 崩溃 时 才 会 丢失 。 设 置 该 参数 的 方法 如 下 。 
(1) 在 Web.config 文件 中 设置 sessionState 中 的 mode 参数 为 StateServer。 


Ph 打开 服务 选项 ， 在 其 中 找到 ASPNET 状态 服务 (asp.NET State Service) 并 启 


控件 类 型 控件 名 称 主要 属性 说 了 明 
dlNewVideo 设置 属性 RepeatDirection 为 Horizontal 显示 最 新 视频 信息 
dlHumour 设置 属性 RepeatDirection 为 Horizontal 显示 搞笑 视频 信息 

数据 /DataList 控件 dlSport 设置 属性 RepeatDirection 为 Horizontal 显示 体育 视频 信息 
dlFilm 设置 属性 RepeatDirectionv 为 Horizontal | 显示 电影 欣赏 信息 
dlCartoon 设置 属性 RepeatDirection 为 Horizontal 显示 卡通 动漫 信息 

标准 /TextBox 控件 txtUserName 均 为 默认 值 用 来 输入 用 户 登 录 名 
txtUserPass 设置 属性 TextMode 为 Password 用 来 输入 用 户 登 录 密码 
imgBtnEntry 均 为 默认 值 实现 用 户 登录 操作 

标准 /imageButton 控件 imgbtnGetPass ”| 设置 属性 PostBackUrl 为 ~/GetPass.aspx 跳 转 到 找 回 密码 页 面 
imgbtnRegister | 设置 属性 PostBackUrl 为 ~/Register.aspx 跳 转 到 用 户 注册 页 面 

2. 实现 代码 


倒 程 09 代码 位 置 ， 资源 包 \TM\09\PlayVideo\index.aspx.cs 
protected void Page_Load(object sender, EventArgs e) 


{ 


在 网 站 首页 页 面 的 加 载 事件 中 通过 自 定义 方法 来 显示 相应 的 视频 信息 。 实 现代 码 如 下 : 
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bindNew(); // 调 用 自 定义 方法 显示 最 新 视频 
bindHumour(); /调用 自 定义 方法 显示 搞笑 视频 
bindCartoon(); // 调 用 自 定义 方法 显示 动漫 视频 
bindFilm(); /调用 自 定义 方法 显示 电影 视频 
bindSport(); // 调 用 自 定义 方法 显示 体育 视频 
bindBulletin(); /调用 自 定义 方法 显示 公告 信息 


} 

自 定义 方法 bindSport 用 来 绑 定 体育 视频 信息 。 由 于 其 他 视频 信息 的 绑 定 类 似 , 这 里 就 不 再 介绍 了 。 
在 该 方法 中 通过 使 用 SQL 语句 ， 查 询 出 体育 视频 的 信息 ， 并 使 用 公共 类 型 中 的 getRows 方法 将 返回 的 
DataSet 对 象 绑 定 到 DataList 控件 中 。 实 现代 码 如 下 : 


倒 程 10 代码 位 置 ， 资源 包 \TM\09\PlayVideo\index.aspx.cs 
protected void bindSport() 


string sqlSel = "select top 10 * from videolnfo where videoType=' 体 育 ' and Auditing=1 order by videoDate 
dac 

dlSport.DataSource = operateData.getRows(sqlSel).DefaultView; 

dlSport.DataBind(); 
} 


在 图 书信 息 表 中 ， 图书 类 型 存储 的 是 类 型 的 编号 , 为 了 查看 方便 将 图 书 类 型 编号 转换 为 类 型 名 称 。 
该 功能 在 GridView 控件 的 RowDataBound 事件 中 实现 ， 在 该 事件 中 先 获取 图 书 类 型 的 编号 ,通过 编号 
在 图 书 类 型 表 中 获取 类 型 名 称 ， 将 类 型 名 称 绑 定 到 图 书 类 型 列 中 。 实 现代 码 如 下 : 

倒 程 11 代码 位 置 : 资源 包 \TM\09\libararyManage\index.aspxe.cs 

protected void gvBookTaxis_RowDataBound(object sender, GridViewRowEventArgs e) 


if (e.Row.RowIndex != -1) /判断 GridView 控件 中 是 否 有 值 

{ 
int id = e.Row.Rowlndex + 1; /将 当前 行 的 索引 加 上 1 赋值 给 变量 id 
e.Row.Cells[0].Text = id.ToString(); /将 变量 id 的 值 传 给 GridView 控件 的 每 一 行 的 单元 格 


} 
if (e.Row.RowType == DataControlRowType.DataRow) 
{ 


// 绑 定 图 书 类 型 
string bookType = e.Row.Cells[3].Text.ToString(); // 获 取 图 书 类 型 编号 


string typeSql = "select * from tb_bookType where TypelD=" + bookType; 
SqlDataReader typeSdr = dataOperate.getRow(typeSq)); 


typeSdr.Read(); // 读 取 一 条 数据 
e.Row.Cells[3].Text = typeSdr["typeName"].ToString(); /设置 图 书 类 型 
// 绑 定 书架 

string bookcase = e.Row.Cells[4].TextToString(); /获取 书架 编号 


string caseSql = "select * from tb_bookcase where bookcaselD=" + bookcase; 
SqlDataReader caseSdr = dataOperate.getRow(caseSql); 

caseSdr.Read(); 

e.Row.Cells[4].Text = caseSdr["bookcaseName"].ToString(); /设置 书架 
1/ 设置 鼠标 悬 停 行 的 颜色 

€.Row.Attributes.Add("onMouseOver", 
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"Color=this.style.backgroundColor;this.style.backgroundColor="lightBlue™); 
€.Row.Attributes.Add("onMouseOut", "this.style.backgroundColor=Color;"); 
} 
} 


9.6 个 人 管理 上 传 页 设计 


9.6.1 个 人 管理 上 传 页 概述 


个 人 管理 上 传 页 面 中 用 户 可 以 上 传 自己 喜欢 的 视频 供 广大 网 友 们 欣赏 。 在 该 页 面 中 需要 填写 视频 
标题 、 视 频 内 容 等 信息 ， 最 后 单 击 “ 上 传 ”按钮 实现 上 传 操作 。 个 人 管理 上 传 页 面 如 图 9.15 所 示 。 


图 9.15 个 人 管理 上 传 页 面 


9.6.2 个 人 管理 上 传 技术 页 分 析 


目前 ， 受 大 家 欢迎 的 播客 网 中 都 是 使 用 Flash 制作 的 flv 播放 器 。 使 用 flv 播放 器 可 以 使 用 户 上 传 
的 文件 格式 统一 、 页 面 的 加 载 速度 较 快 、 减 少 缓冲 的 等 待 时 间 。 在 用 户 上 传 视频 时 首先 需要 判读 用 户 
上 传 文件 的 类 型 。 如 果 用 户 上 传 的 文件 不 是 .flv 格式 ， 就 需要 考虑 视频 转换 。 可 以 使 用 ffimpeg 工具 来 
转换 视频 ， 该 工具 可 以 转换 大 多 数 的 视频 格式 ， 但 是 不 支持 .I-m、.rmvb 格式 。 转 换 这 两 种 格式 可 以 使 
用 mencoder 工具 来 实现 。 在 本 程序 中 不 提供 flv 播放 器 、ffinpeg 工具 ,读者 可 以 到 网 上 下 载 。ffmpeg 
工具 转换 视频 格式 的 参数 如 下 : 

"i"+ Name + "-ab 128 -ar 22050 -qscale 6 -r 29.97 -s " + widthOfFile + "x" + heightOfFile +""+fv fle 


参数 说 明 如 下 。 
回 ”Name: 需要 转换 的 视频 路 径 。 
回 -ab: 设置 音频 码 率 。 
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-ar: 设置 音频 采样 率 。 

-qscale: 设置 使 用 固定 的 视频 量化 标 度 。 

<: 设置 帧 频 ， 默 认 值 为 25。 

-s: 设置 帧 大 小 格式 为 WXH， 默 认 值 为 160x128。 
widthOfFile、heightOfFile: 用 来 设置 帧 大 小 的 两 个 参数 。 
flv_file: 视频 转换 后 需要 保存 的 路 径 。 


9.6.3 ”个 人 管理 上 传 页 实现 过 程 


办 多 办 国 多 


国 本 模块 使 用 的 数据 表 : videoInfo、userInfo 

1. 设计 步骤 

(1) 创建 一 个 Web 窗 体 ， 将 其 命名 为 upVideo.aspx。 

(2) 在 该 窗 体 中 添加 控件 ， 所 添加 的 控件 类 型 、 控 件 名 称 及 说 明 如 表 9.8 所 示 。 
表 9.8 控件 类 型 、 控 件 名 称 及 说 明 


控件 类 型 控件 名 称 主要 属性 说 明 
txtTitle 设置 属性 RepeatDirection 为 Horizontal 输入 视频 名 称 
Pt txtContent 设置 属性 RepeatDirection 为 Horizontal 输入 视频 内 容 


标准 / FileUpload 控件 fileupVideo 均 为 默认 值 选择 要 上 传 的 视频 

标准 /RadioButtonList 控件 | radBtnListType ”| 设置 属性 RepeatDirection 为 Horizontal 显示 视频 的 类 型 
可 btnUpVideo 均 为 默认 值 实现 上 传 操作 

dbl btmRetum 设置 属性 PostBackUrl 为 ~/user/userIndex.aspx | 跳 转 到 用 户 首 页 


2. 实现 代码 

在 个 人 管理 上 传 页 面 中 创建 一 个 全 局 的 字符 串 数组 ， 该 数组 中 存储 着 允许 上 传 的 视频 格式 。 在 页 
面 的 加 载 事件 中 首先 判断 用 户 是 否 登 录 ， 如 果 未 登录 将 给 出 提示 并 返回 到 首页 。 实 现代 码 如 下 : 

倒 程 12 ”代码 位 置 : 资源 包 \TM\09\PlayVideo\user\upVideo.aspx.cs 


string[] videoExtension = new string[] { "flv", "avi", "wmv", }; // 设 置 上 传 文件 的 格式 
protected void Page_Load(object sender, EventArgs e) 
{ 


if (Session["userName"] == null) /判断 用 户 是 否 登录 
* 


Response.Write("<script>alert( 请 您 先 登录 ! ');location='./index.aspx'</script>");，”// 未 登录 给 出 提示 并 返回 首页 
} 
} 


在 “上传” 按钮 的 单 击 事件 中 ， 实 现 了 视频 的 上 传 操作 。 在 该 事件 中 首先 调用 checkExtension 自 定 
义 方法 判断 用 户 上 传 文件 的 格式 是 否 满足 要 求 。 如 果 满足 要 求 ， 将 文件 保存 到 指定 的 目录 中 。 接 着 判 
断 用 户 上 传 文件 是 否 为 .flv 格式 。 如 果 为 .flv 格式 ， 将 调用 公共 类 中 的 方法 实现 截图 视频 图 片 操作 。 如 
果 不 为 .flv 格式 ， 将 调用 公共 类 中 的 方法 将 视频 转换 为 .flv 格式 ， 转 换 后 再 截取 视频 的 图 片 。 最 后 将 调 


@ 
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用 insertVideoInfo 自 定义 方法 ， 将 视频 的 信息 保存 到 数据 库 中 。 实 现代 码 如 下 : 
倒 程 13 代码 位 置 ， 资源 包 \TM\09\PlayVideo\user\upVideo.aspx.cs 


protected void btnUpVideo_Click(object sender, EventArgs e) 


string upFileName =fileupVideo.FileName:; /| 获取 上 传 文件 的 名 称 
if (this fileupVideo.HasFile) // 判 断 是 否 选 择 了 文件 
{ 
string upExtension = upFileName.Substring(upFileName.LastIndexOf(".") + 1); /获取 文件 的 扩展 名 
if (checkExtension(upExtension)) /判断 扩展 名 是 否 正确 
€ 
string upFilePath = Server.MapPath("../upFile/") + upFileName; 1/ 获取 上 传 文件 所 保存 的 路 径 
fileupVideo.SaveAs(upFilePath); // 将 文件 保存 到 指定 路 径 中 
string saveName = DateTime.Now.ToString("yyyyMMddHHmmssffff"); /获取 当前 时 间 
string playFile = "playFile/" + saveName + " .flv"; // 获 取 视 频 转换 后 所 保存 的 路 径 及 文件 名 
string imgFile = "imgFile/" + saveName + ".jpg"; 1/ 获取 图 片 所 保存 的 路 径 及 名 称 
try 
{ 
if (upExtension == "flv") /| 判断 上 传 的 文件 是 否 为 .flv 格式 
{ 
File.Copy(upFileName, playFile + ".flv"); /如果 为 flv 格式 ， 直 接 保存 到 指定 路 径 下 


operateMethod.catchimg(upFileName, imgFile); // 调 用 公共 类 中 的 catchlmg 方法 截取 视频 图 片 
insertVideolnfo(playFile, imgFile); // 调 用 自 定义 insertVideolnfo 方法 将 视频 的 信息 保存 到 数据 库 中 
} 


else 
{ 
/调用 公共 类 中 的 changeVideoType 方法 转换 视频 格式 
if (operateMethod.changeVideoType(upFileName, Server.MapPath("../") + playFile, 
Server. MapPath("../") + imgFile)) 


insertVideolnfo(playFile, imgFile); /调用 自 定义 insertVideolnfo 方法 将 视频 信息 保存 到 数据 库 中 


File.Delete(upFilePath); /删除 上 传 的 视频 
} 
else 
{ 
RegisterStartupScript("false", "<script>alert( 上 传 失败 ! ')</script>"); 
File.Delete(upFilePath); 1/ 删 除 上 传 的 视频 
} 


} 
catch (Exception ex) 


Response.Write(ex.Message.ToString()); 
} 
} 
else{ 
RegisterStartupScript("false", "<script>alert(' 文 件 格 式 错误 ! ')</script>"); 
} 
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insertVideoInfo 自 定 义 方 法 用 来 实现 将 视频 的 信息 保存 到 数据 库 中 。 在 该 方法 中 首先 获取 视频 的 信 
息 ， 再 通过 使 用 SQL 语句 将 视频 信息 插入 数据 库 中 ， 插 入 成 功 后 将 使 用 SQL 语句 将 上 传 视频 的 会 员 
积分 增加 。 实 现代 码 如 下 : 


倒 程 14 代码 位 置 ， 资源 包 \TM\09\PlayVideo\wser\upVideo.aspx.cs 


private void insertVideolnfo(string playFileh, string imgFile) 


{ 

string userName =Session["userName"].ToString(); /获取 用 户 名 
string videoTitle = txtTitle. Text; 1/ 获 取 视 频 名 称 
string videoContent = txtContent. Text; // 获 取 视 频 内 容 
string date = DateTime.Now.ToString(); // 获 取 当 前 时 间 
string videoPath = playFileh; 1/ 获取 视频 路 径 
string videoPicture = imgFile; 1/ 获取 图 片 路 径 
string videoType = ""; 1/ 获取 视频 的 类 型 


int count = RadioButtonList1 .ltems.Count; 
for (inti = 0; i < count; i++) 


站 (RadioButtonList1.ltems[i].Selected) 

{ 
VideoType = RadioButtonList1 .ltems[i].Value; 
break; 


下 


} 
// 编 写 SQL 语句 将 视频 的 详细 信息 添加 到 数据 库 中 
string sqllnsert = "insert into videolnfo values(" + userName + "," + videoTitle + "," + videoContent + "," + 
date + "," + videoPath + "," + videoPicture + "," + videoType + ™,",",",",")"; 
if (operateData.execSql(sqlinsert)) 
{ 
RegisterStartupScript("true", "<script>alert( 上 传 成 功 ! ')</script>"); 
// 编 写 SQL 语句 将 当前 用 户 的 积分 增加 
string sqlUpd=" update userlnfo set sumMark=sumMark+100 where userName="+userName+"" ; 
operateData.execSql(sqlUpd); 
}else RegisterStartupScript("true", "<script>alert(' 上 传 失败 ! ')</script>"); 


9.7 播放 视频 并 发 表 评 论 页 设计 


9.7.1 播放 视频 并 发 表 评论 页 概述 


在 播放 视频 并 发 表 评论 页 面 中 ， 用 户 可 以 欣赏 到 自己 喜欢 的 视频 ， 还 可 以 对 该 视频 发 表 自己 相关 
的 意见 。 播 放 视频 并 发 表 评 论 页 面 如 图 9.17 所 示 。 


@ 
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图 9.17 “播放 视频 并 发 表 评论 页 面 
9.7.2 ”播放 视频 并 发 表 评论 页 技术 分 析 


1. 利用 IP 防止 重复 投票 
网 友 在 欣赏 完 视频 后 ， 还 可 以 根据 自己 的 喜好 对 视频 进行 投票 ， 如 图 9.18 所 示 。 


图 9.18 ”对 视频 进行 投票 
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为 了 防止 虚假 投票 的 结果 ， 可 以 采用 一 个 他 地 址 只 投 一 次 的 方式 。 在 一 般 的 投票 模块 中 都 会 使 用 
Cookie 来 防止 重复 投票 ， 但 是 由 于 Cookie 存储 在 客户 端 也 可 能 会 造成 虚假 投票 。 在 本 程序 中 ， 使 用 数 
据 库 保存 投票 者 的 IP 来 防止 重复 投票 。 使 用 人 P 来 防止 重复 投票 的 主要 思路 是 获取 客户 端的 耳 ， 判 断 
此 了 王 是 否 已 经 投 过 票 ， 如 果 已 投 过 将 给 出 提示 ， 若 未 投 过 则 将 他 保存 到 数据 库 中 。 可 以 使 用 Request 
对 象 的 UserHostAddress 属性 获取 客户 端的 瑟 地 址 。 语 法 如 下 : 

public string UserHostAddress { get; } 

2. 控制 并 显示 文本 框 的 字符 数量 

在 用 户 发 表 评 论 时 使 用 了 限制 文本 框 中 输入 字符 个 数 的 功能 。 在 用 户 未 输入 评论 前 使 用 Label 控 
件 显 示 一 个 500 字符 的 提示 。 该 提示 表示 用 户 最 多 只 能 输入 500 个 字符 。 当 用 户 输入 一 个 字符 ，Label 
将 会 显示 500 减 去 输入 的 字符 数量 而 获得 的 结果 。 当 用 户 输入 的 字符 超过 500 个 字符 后 ， 光 标 就 会 跳 
转 到 第 500 个 字符 后 的 位 置 ， 如 图 9.19 所 示 。 


显示 文本 框 所 
输入 的 字符 数量 


图 9.19 控制 并 显示 文本 框 的 字符 数量 
该 技术 主要 是 通过 文本 框 的 onKeyUp 事件 来 实现 。 在 该 事件 中 调用 JavaScript 自 定 义 函 数 change。 
代码 如 下 : 
倒 程 15 代码 位 置 ， 资源 包 \TM\09\PlayVideo\play.aspx 


<script language="javascript"> 
function change() 


{ 
var str=document.getElementByld('txtContent).value; // 获 取 评 论文 本 框 中 的 值 
var sum=500-str.length; // 获 取 当 前 还 可 以 输入 的 字符 数量 
if(sum<=0) // 判 断 是 否 还 可 以 输入 字符 
‘ 
document.getElementByld('labCount').style.color="Red"; /设置 Label 控件 显示 文本 为 红色 
// 截 取 文 本 框 中 的 字符 串 ， 从 0 位 置 开始 截取 到 500 位 
document.getElementByld(txtContent).value= 
document.getElementByld('txtContent').value.substring(0,500); 
document.getElementByld(labCount).innerHTML=sum: /显示 可 以 输入 的 字符 数量 
} 
else 
‘ 


document.getElementByld(labCount').innerHTML=sum;”// 显 示 可 以 输入 的 字符 数量 
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document.getElementByld(labCount').style.color="#006FC3";// 设 置 Label 控件 的 文本 颜色 
} 
二 


</script> 

3. 使 用 计时 方式 显示 评论 的 发 表 时 间 

在 以 前 发 布 评论 时 间 都 是 以 日 期 的 形式 显示 。 例 如 ， 某 年 某 月 某 日 的 几 点 几 分 发 布 的 评论 。 在 本 
程序 中 发 布 评论 的 时 间 如 果 是 在 24 小 时 内 ， 会 以 在 几 小 时 、 几 分 、 几 秒 前 发 布 的 评论 的 形式 显示 ， 如 
图 9.20 所 示 。 


评论 区 


Hl 在 2017/12/18 9:16:48 发 布 的 评论 : 


16 10:57:02 发 布 bn 评论 : 


游客 在 2017/8 
很 好 


游客 在 2 


12 


图 9.20 显示 发 表 评论 的 时 间 
该 功能 在 getIsDate 方法 中 实现 。 在 该 方法 中 主要 是 通过 将 两 个 日 期 相 减 后 ， 判 断 差 值 是 在 秒 内 、 
分 钟 内 ， 还 是 在 小 时 内 来 设置 显示 的 文本 。 这 里 使 用 了 TimeSpan 对 象 来 保存 两 个 日 期 的 间隔 ， 并 使 用 
TotalSeconds 属性 将 两 个 日 期 的 差 值 转换 为 秒 数 。 
TotalSeconds 属性 用 于 表示 以 整 秒 数 和 秒 的 小 数 部 分 表示 的 当前 TimeSpan 对 象 中 的 两 个 时 间 间 隔 
值 ， 语 法 如 下 : 
public double TotalSeconds { get; } 


返回 值 : 双 精 度 浮 点 数字 ， 表 示 总 秒 数 。 

获取 到 总 秒 数 后 ， 将 秒 数 除 以 60 来 判断 是 不 是 在 
小 于 1440 分 钟 ， 说 明 是 在 24 小 时 内 发 表 的 评论 ， 并 
如 下 : 

倒 程 16 ”代码 位 置 : 资源 包 \TM\09\PlayVideo\play.aspx 

public string getlsDate(string date) 


-分 钟 前 发 表 的 评论 ;如 果 大 于 60 分 钟 并 且 
专 换 到 小 时 的 时 间 。getIsDate 方法 的 实现 代码 


{ 
DateTime isDate = Convert.ToDateTime(date); /转换 时 间 
DateTime nowDate = DateTime.Now; /获取 当 前 时 间 


® 


马 且 马 ASPNET 项 目 开发 全 程 实录 (第 4 版 ) 


TimeSpan ts = nowDate - isDate; 


int second = Convert. Tolnt32(ts. TotalSeconds) / 60; 


if (second == 0) 


return "60 秒 内 "; 


} 


else 


if (second < 60) 


人‘: 


// 获 取 两 个 时 间 的 差 


return second.ToString() + "分 钟 前 "; 


} 
else if (second > 60 && second < 1440) 


{ 


return Convert.ToString(second / 60) + "小 时 前 "; 


} 


else 


return date; 


} 


9.7.3 ”播放 视频 并 发 表 评 论 页 实现 过 程 


国 本 模块 使 用 的 数据 表 : videoIdea、videoInfo、userName、videoPoll 


1. 设计 步骤 


(1) 创建 一 个 Web 窗 体 ， 将 其 命名 为 play.aspx。 
(2) 在 该 窗 体 中 添加 控件 ， 所 添加 的 控件 类 型 、 控 件 名 称 及 说 明 如 表 9.9 所 示 。 


表 9.9 控件 类 型 、 控 件 名称 及 说 明 


/将 时 间 差 转换 为 分 


控件 类 型 控件 名 称 主要 属性 说 明 
数据 /DataList 控件 dlldea 均 为 默认 值 用 来 显示 评论 信息 
标准 / TextBox 控件 txtContent 均 为 默认 值 输入 发 布 的 评论 
本 lbeUserName | 均 为 默认 值 显示 用 户 登 录 名 
的 作 labCount 。 ”| 均 为 默认 值 记录 用 户 输入 评论 的 数量 
本 IkbtnLogin PostBackUrl 属性 设置 为 "~/login.aspx" 跳 转 到 用 户 登 录 页 面 
人 lkbtnRegister | PostBackUrl 属性 设置 为 "~/Register.aspx” | 跳 转 到 用 户 注册 页 面 
标准 /Button 控件 btmIdea 均 为 默认 值 实现 发 布 评论 操作 
标准 /Literal 控件 Literall 均 为 默认 值 用 来 显示 播放 器 
Panelldea ScrollBars 属性 设置 为 Vertical 设置 评论 区 域 滚动 条 
标准 /Panel 控件 PanelHello 均 为 默认 值 显示 或 隐藏 用 户 登 录 欢迎 区 域 
PanelLogi 均 为 默认 值 显示 或 隐藏 用 户 登 录 区 域 
2. 实现 代码 


在 播放 视频 并 发 表 评论 页 面 中 创建 几 个 全 
面 的 加 载 事 件 中 判断 用 户 是 否 登 录 ， 如 果 登 录 将 显示 用 户 欢 迎 词 ， 未 登录 将 显示 登录 区 域 。 如 果 页 面 


@ 


局 变量 来 保存 视频 的 信息 ， 以 方便 在 前 台 显 示 。 在 该 页 
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是 第 一 次 加 载 ， 还 需要 调用 addPlaySum 自 定义 方法 增加 视频 的 点 击 率 。 最 后 将 调用 自 定义 方法 
videoInfo 和 bidList， 实 现 播放 视频 、 显 示 视 频 信 息 和 显示 视频 的 评论 。 实 现代 码 如 下 : 


倒 程 17 代码 位 置 ， 资源 包 \TM\09\PlayVideo\play.aspx.cs 


public string playSum; 
public string flower; 

public string tile; 

public string videoDate; 
public string Name; 

public string videoTitle; 
public string videoContent; 
public string videoType; 


protected void Page_Load(object sender, EventArgs e) 


{ 


} 


if (!IsPostBack) 
{ 
if (Session["userName"] == null) 
{ 
PanelLogin.Visible = true; 
PanelHello.Visible = false; 


else 

§ 
PanelLogin.Visible = false; 
PanelHello.Visible = true; 


lbeUserName.Text = Session["userName"].ToString(); 


addPlaySum(); 


Videolnfo(); 
bidList(); 


/保存 视频 点 击 率 
/保存 视频 被 顶 的 次 数 
/保存 视频 被 踩 的 次 数 
/保存 视频 发 布 时 间 
/发 布 人 

// 视 频 名 称 

// 视 频 内 容 

1/ 视频 类 型 


// 判 断 用户 是 否 登录 


/未 登录 显示 登录 panel 
/隐藏 欢迎 panel 


// 已 登录 隐藏 登录 panel 
/显示 欢迎 panel 
/显示 登录 名 


// 调 用 自 定义 方法 增加 视频 的 点 击 率 


// 播 放 视频 并 显示 视频 详细 信息 
/ 旺 示 评论 


videoInfo 自 定义 方法 用 来 播放 视频 并 显示 视频 的 信息 。 在 该 方法 中 首先 使 用 SQL 语句 来 查询 视频 


的 详细 信息 ， 关 


视频 。 实 现代 码 如 下 : 


倒 程 18 ”代码 位 置 ， 资源 包 \TM\09\PlayVideo\play.aspx.cs 


protected void videolnfo() 


{ 


string sql = "select * from videolnfo where id=" + Request["id"]; 
SqlDataReader sdr = operateData.getRow(sql); 


sdr.Read(); 

string link = sdr["videoPath"].ToString(); 
playSum = sdr["playSum"].ToString(); 
flower = sdr["flower"].ToString(); 

tile = sdr["tile"].ToString(); 

VideoDate = sdr["videoDate"].ToString(); 
Name = sdr["userName"].ToString(); 


F 将 详细 信息 保存 到 全 局 变量 中 。 然 后 调用 公共 类 中 的 GetFlashText 方法 来 显示 并 播放 


// 编 写 SQL 语句 查询 视频 的 详细 信息 


// 获 取 视频 的 路 径 
/获取 视频 的 点 击 率 
/获取 项 人 数 
/获取 踩 人 数 

/获取 视频 发 布 日 期 
// 获 取 发 布 人 名 称 
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} 


videoTitle = sdr["videoTitle"].ToString(); // 获 取 视 频 标题 
videoContent = sdr["videoContent"].ToString(); /1/ 获 取 视 频 内 容 
videoType = sdr["videoType"].ToString(); 1/ 获取 视频 类 型 
if (Mlink.StartsWith("http://")) /| 判断 视频 路 径 开 头 字符 串 是 否 为 http:// 
' 
string sss = Request.Url.AbsoluteUri; // 获 取 当 前 的 绝对 路 径 
int idx = sss.IndexOf("play.aspx"); /查询 play.aspx 在 字符 串 中 的 位 置 
sss = sss.Substring(0, idx); // 获 取 指 定 字 符 串 


link = sss + link; 


} 
this.Literal1.Text = operateMethod.GetFlashText(link); // 显 示 播放 器 并 播放 视频 


addPlaySum 自 定义 方法 用 来 增加 用 户 的 点 击 率 和 会 员 的 积分 。 在 该 方法 中 通过 使 用 SQL 语句 将 视 
频 的 点 击 率 增加 ， 再 根据 查询 出 的 会 员 名 使 用 SQL 语句 增加 会 员 的 积分 。 实 现代 码 如 下 : 

倒 程 19 代码 位 置 ， 资源 包 \TM\09\PlayVideo\play.aspx.cs 

public void addPlaySum() 


/创建 SQL 语句 ， 增 加 视频 的 点 击 率 
string sql = "update videolnfo set playSum=playSum+1,monthSum=monthSum+1 where id=" + 


Request["id"]; 


} 


operateData.execSql(sql); 

/创建 SQL 语句 ， 查 询 出 发 布 视频 会 员 名 

string sqlSel = "select userName from videolnfo where id=" + Request["id"]; 

string userName = operateData.getTier(sqlSel); 1/ 获取 会 员 名 

// 创 建 SQL 语句 ， 增 加 用 户 的 积分 

string sqlUpd = " update userlnfo set sumMark=sumMark+1 where userName=" + UserName + ™"; 
operateData.execSql(sqlUpd); /| 执行 SQL 语句 


bidList 自 定义 方法 用 来 显示 视频 的 评论 信息 。 在 该 方法 中 使 用 SQL 语句 查询 出 评论 信息 ， 并 判断 
评论 信息 是 否 小 于 5 条 ,如果 小 于 5 条 , 视频 显示 评论 信息 区 域 的 Panel 滚动 条 则 为 不 可 见 。 实 现代 码 


如 下 : 


倒 程 20 ”代码 位 置 ， 资源 包 \TM\09\PlayVideo\play.aspx.cs 


protected void bidList() 


{ 


// 创 建 SQL 语句 ， 查 询 出 当前 视频 的 所 有 评论 


string sqlSel = "select * from videoldea where videold=" + Request["id"] + " order by issuanceDate desc "; 


DataTable dt = operateData.getRows(sqlSel); // 调 用 数据 库 操作 类 中 的 getRows 方法 并 接收 返回 值 

if (dt.Rows.Count < 5) /判断 DataTable 中 的 资料 是 否 小 于 5 行 
Panelldea.ScrollBars = ScrollBars.None; /隐藏 Panel 控件 的 滚动 条 

} 

dlldea.DataSource = dt ll 设置 DataList 控件 的 数据 源 

dlldea.DataKeyField = "id"; /1 设置 主键 

dlldea.DataBind(); // 绑 定 显示 
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9.8 体育 视频 管理 页 设计 


9.8.1 体育 视频 管理 设计 页 概述 


在 体育 视频 管理 页 面 中 可 以 查看 到 所 有 用 户 发 布 的 体育 视频 信息 ， 管 理 员 可 以 对 其 进行 相应 的 管 
理 。 体 育 视频 管理 页 面 如 图 9.21 所 示 。 
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图 921 体育 视频 管理 页 面 
9.8.2 体育 视频 管理 设计 页 技术 分 析 


改变 视频 的 审核 状态 是 在 GridView 控件 的 SelectedIndexChanging 事件 中 实现 的 。 在 该 事件 中 首先 
获取 视频 当前 的 审核 状态 ， 如 果 当 前 的 审核 状态 为 True， 将 其 设置 为 False; 如 果 为 False， 将 其 设置 
为 True。 最 后 将 审核 状态 保存 到 数据 库 中 。 实 现代 码 如 下 : 

倒 程 21 代码 位 置 ， 资 源 包 \TM\09\PlayVideo\manage\manage sport.aspx 

protected void gvVideo_SelectedlndexChanging(object sender, GridViewSelectEventArgs e) 

{ 


string id = gvVideo.DataKeys[e.NewSelectedIndex].Value.ToString(); // 获 取 视 频 的 键 值 
/编写 SQL 语句 查询 当前 视频 的 审核 状态 

string sqlSel = "select Auditing from videolnfo where id=" + id; 

// 调 用 公共 类 中 的 getTier 方法 获取 视频 的 审核 状态 

string Auditing = operateData.getTier(sqlSel); 


if (Auditing == "False") // 判 断 是 否 未 审核 
Auditing = "1"; // 将 审核 状态 修改 为 “已 审核 ” 
i 

Auditing = "0"; // 将 审核 状态 修改 为 “未 审核 ” 


@ 
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string sqlUpd = "update videolnfo set Auditing=" + Auditing + ” where id=" + id; 
operateData.execSql(sqlUpd); 
// 调 用 自 定义 方法 重新 显示 体育 视频 信息 
bindGvVideo(); 
} 


9.8.3 体育 视频 管理 页 实现 过 程 


国 本 模块 使 用 的 数据 表 : videoInfo 
1. 设计 步骤 


(1) 创建 一 个 Web 窗 体 ， 将 其 命名 为 manage_sport.aspx。 
(2) 在 该 窗 体 中 添加 一 个 RadioButtonList 控件 ， 用 来 选择 查看 视频 的 方式 。 还 需要 添加 一 个 
GridView 控件 ， 用 来 显示 体育 视频 的 详细 信息 。GridView 控件 的 前 台 绑 定 代 码 如 下 : 


倒 程 22 代码 位 置 ， 资 源 包 \TM\09\PlayVideownanage\manage sport.aspx 
<asp:GridView ID="gvVideo" runat="server" 
AutoGenerateColumns="False" OnRowDataBound="gvVideo_RowDataBound" 
OnRowDeleting="gvVideo_RowDeleting" OnSelectedlndexChanging="gvVideo_SelectedlndexChanging" 
AllowPaging="True" OnPagelndexChanging="gvVideo_PagelndexChanging" Width="580px"> 
<Columns> 
<asp:TemplateField HeaderText=" 视 频 名 称 "> 
<ltemTemplate> 
<a title="<%#Eval("videoTitle") %>"> <%#operateMethod.interceptStr 
((string )Eval("videoTitle"),5 ) %> </a> 
</ltemTemplate> 
</asp:TemplateField> 
<asp:BoundField DataField="userName" HeaderText=" 发 布 人 " /> 
<asp:BoundField DataField="videoDate" HeaderText=" 发 布 日 期 " DataFormatString= “0:d}" 
HtmlEncode="False" /> 
<asp:BoundField DataField="playSum" HeaderText=" 总 点 击 率 " /> 
<asp:BoundField DataField="Auditing" HeaderText=" 状 态 " /> 
<asp:TemplateField HeaderText=" 详 细 信息 "> 
<ltemTemplate> 
<a href ="../play.aspx?id=<%#Eval("id") %>' target="_blank" > 查看 </a> 
</ltemTemplate> 
</asp:TemplateField> 
<asp:CommandField HeaderText=" 操 作 " SelectText=" 通 过 /取消 " ShowSelectButton="True" /> 
<asp:CommandField HeaderText=" 删 除 " ShowDeleteButton="True" /> 
</Columns> 
<RowStyle CssClass="huise1" /> 
<HeaderStyle BackColor="#FFC734" CssClass="hongcu" /> 
</asp:GridView> 


2. 实现 代码 
在 体育 视频 管理 页 面 的 加 载 事件 中 将 调用 bindGvVideo 自 定义 方法 来 显示 体育 视频 信息 。 在 


@ 


第 9 章 播客 网 (专业 的 在 线 视频 网 ) (ASPNET 4.5+SQL Server 2014+FLV 视频 格式 实现 ) 包揽 饼 


bindGvVideo 自 定义 方法 中 首先 判断 用 户 要 查看 视频 的 类 型 , 视频 的 类 型 分 为 所 有 视频 、 未 审核 视频 和 
已 审 核 视频 。 根 据 相 应 的 视频 类 型 来 设置 SQL 语句 。 最 后 将 查询 出 的 视频 信息 绑 定 到 GridView 控件 
上 显示 出 来 。 实 现代 码 如 下 : 

倒 程 23 代码 位 置 ， 资源 包 \TM\09\PlayVideo\manage\manage sport.aspx 

protected void Page_Load(object sender, EventArgs e) 


{ 
bindGvVideo(); // 调 用 自 定义 方法 显示 体育 视频 信息 
} 
protected void bindGvVideo() 
{ 
string sqlSel = ™; 
if (RadioButtonList1.SelectedValue == "0") /| 淹 断 是 否 选择 “所 有 视频 ” 
sqlSel = "select * from videolnfo where videoType=' 体 育 "; 
} 
else if (RadioButtonList1.SelectedValue == "1") // 判 读 是 否 选择 “未 审核 视频 ” 
sqlSel = "select * from videolnfo where videoType=' 体 育 ' and Auditing=0 "; 
} 
else if (RadioButtonList1.SelectedValue == "2") /判断 是 否 选择 “已 审核 视频 ” 
和 
sqlSel = "select * from videolnfo where videoType=' 体 育 ' and Auditing=1 "; 
gvVideo.DataSource = operateData.getRows(sqlSel); 
gvVideo.DataKeyNames = new string[] { "id" }; 
gvVideo.DataBind!(); 
} 


9.9 网 站 文件 清单 


播客 网 站 的 系统 文件 清单 如 表 9.10 所 示 。 
表 9.10 系统 文件 清单 


文件 位 置 及 名 称 说 有明 
PlayVideo Code\operateData.cs 数据 库 操作 类 
PlayVideo\App_Code\operateMethod.cs 网 站 开发 中 间 层 操作 类 
PlayVideo\manage\manage sport.aspx 体育 视频 管理 页 
PlayVideo\manage\manage cartoon.aspx 卡通 视频 管理 页 
PlayVideo\manage\lockCause.aspx 用 户 账号 冻结 页 
PlayVideo\manage\manage bulletin.aspx 循环 广告 播放 设置 页 
PlayVideo\manage\manage film.aspx 搞笑 视频 管理 页 
PlayVideo\manage\manage login.aspx 管理 员 登 录 页 
PlayVideomanage\manage saveTaxis.aspx, 视频 月 统计 排行 页 
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续 表 

文件 位 置 及 名 称 说 明 
PlayVideo\ser\upVideo.aspx, 个 人 管理 上 传 页 
PlayVideovuserserIdea.aspX 个 人 视频 管理 页 
PlayVideovuseramendInfo .aspx 个 人 信息 管理 页 
PlayVideovwuseramendPass.aspx 个 人 密码 找 回 页 
PlayVideovindex.aspx 网 站 首页 
PlayVideo\login.aspx 会 员 登 录 页 面 
PlayVideo\play.aspx 视频 播放 并 发 表 评论 页 
PlayVideo\Register.aspx 用 户 注册 页 
PlayVideo\searchList.aspx 视频 搜索 页 
PlayVideo\userInfo.aspx 用 户 详细 信息 页 
PlayVideo\userPage.aspx 会 员 主 页 面 
PlayVideo\WideoNew.aspx 最 新 视频 页 
PlayVideo\WwideoPlaySum.aspx 自 定义 分 页 显示 视频 页 
PlayVideo\WideoSport.aspx 体育 视频 页 
PlayVideo\WwideoTaxis.aspx 视频 排行 页 
PlayVideo\WideoCartoon.aspx 卡通 视频 页 
PlayVideo\WideoHumour.aspx 搞笑 视频 页 


9.10 ”组件 加 工厂 一 一 Web 用 户 控件 


用 户 控件 基本 的 应 用 就 是 把 网 页 中 经 常用 到 的 且 使 用 频率 较 高 的 程序 封装 到 一 个 模块 中 ， 以 便 在 
其 他 页 面 中 使 用 ， 从 而 提高 代码 的 重用 性 和 程序 开发 的 效率 。 用 户 控件 的 应 用 始终 融 汇 着 一 个 高 层 的 
设计 思想 ， 即 “模块 化 设计 ， 模 块 化 应 用 ”的 原则 。 


9.10.1 什么 是 Web 用 户 控件 


1. Web 用 户 控件 与 Web 窗 体 比较 


用 户 控 件 是 一 种 复合 控件 ， 其 工作 原理 非常 类 似 于 ASP.NET 网 页 ， 同 时 可 以 向 用 户 控 件 添加 现 
有 的 Web 服务 器 控件 和 标记 ， 并 定义 控件 的 属性 和 方法 ， 然 后 将 控件 嵌入 ASP.NET 网 页 中 充当 一 个 
单元 。 

用 户 控件 几乎 与 .aspx 文件 相同 ， 但 是 仍 存在 以 下 不 同 之 处 。 

用 户 控件 的 文件 扩展 名 必须 为 .ascx。 

用 户 控件 中 没有 @Page 指令 ， 但 是 包含 @Control 指令 ， 该 指令 对 配置 及 其 他 属性 进行 定义 。 
用 户 控件 不 能 作为 独立 文件 运行 , 但 必须 像 处 理 任何 控件 一 样 , 将 它们 添加 到 ASPNET 页 中 。 
用 户 控件 在 内 容 周围 不 包括 <html>、<body> 和 <form> 元 素 。 在 包含 用 户 控件 的 Web 窗 体 页 中 
包括 这 些 元 素 。 
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此 外 ， 与 Web 窗 体 页 一 样 ， 用 户 控件 可 以 在 第 一 次 请 求 时 被 编译 并 存储 在 服务 器 内 存 中 ， 从 而 缩 
短 以 后 请 求 的 响应 时 间 。 


2. Web 用 户 控 件 的 优点 


用 户 控件 使 开发 人 员 能 够 很 容易 地 重复 使 用 公共 模块 的 功能 。 用 户 控件 提供 了 一 个 面向 对 象 的 纺 
程 模型 ， 在 一 定 程度 上 取代 了 服务 器 端 文件 包含 (<!--#include-- >) 指令 ， 并 且 提供 的 功能 比 服务 器 端 
包含 文件 提供 的 功能 多 。 使 用 用 户 控件 的 主要 优点 如 下 。 
加 ”可 以 将 常用 的 内 容 或 者 控件 以 及 控件 的 运行 程序 逻辑 设计 为 用 户 控件 ， 然 后 便 可 以 在 多 个 网 
页 中 重复 使 用 该 用 户 控件 ， 从 而 省 略 许多 重复 性 的 工作 。 例 如 ， 网 页 上 的 导航 栏 ， 几 乎 每 个 
页 都 需要 相同 的 导航 栏 ， 这 时 可 以 将 其 设计 为 一 个 用 户 控件 ， 在 多 个 页 中 使 用 。 

回 ” 当 网 页 内 容 需要 改变 时 ， 只 需 修改 用 户 控件 中 的 内 容 ， 其 他 添加 使 用 该 用 户 控件 的 网 页 会 自 
动 随 之 改变 ， 因 此 网 页 的 设计 以 及 维护 变 得 简单 易 行 。 

总 之 ， 对 于 页 面 上 复 用 的 元 素 ， 如 导航 条 、 站 内 搜索 、 用 户 注 册 和 登录 控件 等 ， 都 可 以 将 其 代码 
封装 到 Web 用 户 控 件 中 ,以 此 来 减少 每 个 页 面 上 的 代码 量 。 此 外 , 使 用 Web 用 户 控件 的 高 速 缓存 功能 
缓存 这 些 经 常 浏览 的 页 面 ， 可 以 提高 页 面 的 性 能 。 


9.10.2 创建 及 使 用 Web 用 户 控件 


1. 创建 Web 用 户 控件 


创建 用 户 控件 的 方法 与 创建 Web 网 页 大 致 相同 ， 其 主要 操作 步骤 如 下 。 
(1) 打开 解决 方案 资源 管理 器 ， 在 项 目 名 称 中 单 击 鼠标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “添加 新 

项 ”命令 ,将 会 弹出 如 图 9.22 所 示 的 “添加 新 项 ”对 话 框 。 在 该 对 话 框 中 ， 选 择 “Web 用 户 控件 ” 选 
项 ， 并 为 其 命名 ， 单 击 “ 添 加 ”按钮 将 Web 用 户 控件 添加 到 项 目 中 。 
wy 
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9.22 添加 Web 用 户 控 件 


(2) 打开 已 创建 好 的 Web 用 户 控件 〈 用 户 控件 的 文件 扩展 名 为 .ascx) ， 在 .ascx 文件 中 可 以 直接 
往 页 面 上 添加 各 种 服务 器 控件 以 及 静态 文本 、 图 片 等 。 
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(3) 双击 页 面 上 的 任何 位 置 ， 或 者 直接 按 下 快捷 键 F7， 可 以 将 视图 切换 到 后 台 代码 文件 ， 程 序 
开发 人 员 可 以 直接 在 文件 中 编写 程序 控制 逻辑 ， 包 括 定义 各 种 成 员 变 量 、 方 法 以 及 事件 处 理 程序 等 。 


DY 创建 好 用 户 控件 后 ， 必 须 添加 到 其 他 Web 页 中 才能 显示 出 来 ， 不 能 直接 作为 一 个 网页 来 
显示 ， 因 此 也 就 不 能 设置 用 户 控 件 为 “起 始 页 ”。 


2. 将 Web 用 户 控件 添加 至 网 页 


创建 好 用 户 控件 后 ， 在 ASPNET 程序 中 ， 使 用 用 户 控件 之 前 要 先 用 @Register 指令 来 注册 。 该 指 
令 主 要 是 创建 标记 前 级 和 自 定义 控件 之 间 的 关联 , 这 为 开发 人 员 提供 了 一 种 在 ASPNET 应 用 程序 文件 
中 引用 自 定义 控件 的 简明 方法 。 一 般 形式 如 下 : 


<%@ Register TagPrefix="tagprefix" TagName="tagname" Src="pathname" %> 


DY 这 里 的 @ Register 指令 的 3 个 主要 属性 如 下 。 

TagPrefix 属性 : 为 用 户 控件 提供 了 标签 前 级 ， 该 前 组 可 由 用 户 定义 。 

TagName 属性 : 提供 了 标签 的 名 字 。 

Sre 属性 : 用 于 指定 用 户 控 件 的 路 径 。 这 里 特别 注意 的 是 ，Src 属性 指定 的 路 径 为 虚拟 
路 径 ， 而 不 能 为 其 指定 绝对 路 径 。 


对 于 已 经 设计 好 的 Web 用 户 控件 ， 可 以 将 其 添加 到 一 个 或 者 多 个 网 页 中 。 在 同一 个 网 页 中 也 可 以 
重复 使 用 多 次 ， 各 个 用 户 控件 会 以 不 同 ID 来 标识 。 将 用 户 控件 添加 到 网 页 ， 可 以 使 用 Web 窗 体 设 计 
器 直接 添加 用 户 控件 。 使 用 Web 窗 体 设 计 器 可 以 在 “设计 ”视图 下 ， 将 用 户 控件 以 拖 放 的 方式 直接 添 
加 到 网 页 上 ， 其 操作 与 将 内 置 控件 从 工具 箱 中 拖 放 到 网 页 上 一 样 。 在 网 页 中 添加 用 户 控 件 的 步骤 如 下 。 

(1) 在 解决 方案 资源 管理 器 中 ， 用 鼠标 单 击 要 添加 至 网 页 的 用 户 控件 。 

(2) 按 住 鼠标 左 键 ,移动 鼠标 到 网 页 上 ， 然 后 松 开 鼠 标 左 键 即 可 ， 如 图 9.23 所 示 。 
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图 9.23 将 Web 用 户 控件 添加 至 网 页 
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(3) 在 已 添加 的 用 户 控件 上 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “属性 ”命令 ， 打 开 “ 属 性 ” 
窗口 ， 如 图 9.24 所 示 ， 用 户 可 以 在 该 窗口 中 修改 用 户 控件 的 属性 。 
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图 9.24 用 户 控件 的 属性 窗口 
9.11 本 章 总 结 


本 章 主 要 介绍 了 在 线 视频 网 一 一 播客 网 的 开发 流程 ， 使 读者 了 解 到 如 何 使 用 .flv 视频 格式 开发 一 
个 高 效 的 在 线 视频 网 。 希 望 本 章 介 绍 的 相关 技术 对 读者 以 后 在 多 媒体 开发 的 过 程 中 有 所 启发 和 帮助 。 


/Os 


仿 百度 知道 之 明日 知道 


(ASPNET 4.5+SQL Server 2014+LINQ+ 三 层 架 构 实现 ) 


本 章 阅 述 的 核心 内 容 是 如 何 使 用 ASP.NET 快速 开发 明日 知道 网 站 ， 
先进 的 技术 就 是 生产 力 ,在 明日 知道 网 站 中 使 用 了 许多 ASP.NET 中 提供 的 
新 技术 ， 例 如 使 用 LINQ to SQL 访问 SQL Server 2014 数据 库 。 此 外 ， 笔 
者 将 明日 知道 网 站 中 荣 些 将 定 的 功能 抽象 出 来 封装 成 自 定义 控件 ， 例 如 使 
用 自 定义 分 页 控件 实现 数据 分 页 显示 功能 。 使 用 自 定义 生成 验证 码 控 件 实 
现 登 录 页 面 验证 功能 。 读 者 可 以 应 用 这 些 技术 . 组 件 快速 构建 自己 的 网 站 。 

通过 阅读 本 章 ， 可 以 学 习 到 : 

MW 浏览 网 站 中 待 解决 的 问题 及 回复 情况 

由， 使 用 站 内 搜索 引擎 查找 网 站 中 的 问题 及 正确 答案 

Wm 用 户 注 册 及 登录 功能 

由 在 网 站 中 提出 问题 、 设 置 悬 赏 分 数 

由 回答 网 站 中 待 解决 的 问题 

MW 提问 者 可 设置 某 一 回复 为 最 佳 答案 

MY， 提问 者 在 没有 最 佳 答案 的 情况 下 ， 有 权 关 闭 自己 提出 的 问题 

WI 回复 者 在 该 问题 没有 解决 的 情况 下 ， 可 修改 自己 回复 的 信息 

Wp 可 以 在 后 台 管 理 网 站 中 直接 删除 提问 信息 

出 ”可 以 在 后 台 管 理 网 站 中 查看 用 户 的 相关 信息 ( 如 积分 、 获 得 

最 佳 答案 数 等 ) 


| 。 配置 说 明 


第 10 章 仿 百 度 知道 之 明日 知道 (ASPNET 4.5+SQL Server 2014+LINQ+ 三 层 架 构 实 现 ) ”人 志和 提 人 饼 


10.1 开发 背景 


读者 都 对 国内 知名 的 大 型 搜索 引擎 网 站 一 一 百度 比较 熟悉 ， 其 中 “百度 知道 ”这 个 功能 
人 ， 我 们 在 百度 上 搜索 的 资料 几乎 都 是 来 自 “ 百 度 知道 ”。 根 据 读者 的 一 些 建议 和 需求 ， 我 们 开发 了 
“明日 知道 ”这 个 网 站 ， 实 现 的 功能 及 流程 操作 和 “百度 知道 ”非常 类 似 。 

在 网 络 应 用 中 ， 互 动 性 、 人 性 化 的 网 络 服务 已 成 为 吸引 访问 者 、 提 高 网 站 访问 量 、 增 加 客户 黏度 
的 一 种 手段 ， 也 是 未 来 网 络 服务 发 展 的 趋势 。 本 章 介绍 的 “明日 知道 ”就 是 具备 了 上 述 特征 、 具 有 良 
好 人 机 交互 功能 的 问答 网 站 。 


10.2 需求 分 析 


通过 深入 广泛 的 分 析 、 实 际 调研 ， 明 日 知道 网 站 要 求 提供 以 下 功能 。 

分 为 前 台 操 作 和 后 台 管理 两 个 网 站 。 

前 台 网 站 的 主要 功能 是 分 类 管理 各 个 编程 语言 的 相关 知识 。 

提问 者 可 以 发 布 某 一 编程 语言 的 问题 ， 回 复 者 给 出 答案 。 

提问 者 在 众多 答案 中 评选 最 佳 答案 ， 被 评 为 最 佳 答案 的 回复 者 可 以 获得 规定 的 积分 奖励 。 
如 果 没 有 正确 的 答案 ， 提 问 者 可 以 关闭 该 问题 。 

用 户 可 以 在 前 台 网 站 的 搜索 引擎 中 查找 待 解决 或 自己 感 兴趣 的 各 个 编程 语言 问题 及 最 佳 
答案 。 

后 台 管理 网 站 的 主要 功能 是 对 用 户 提出 的 问题 进行 管理 及 用 户 相关 信息 《如 积分 、 获 得 最 佳 
答案 数 等 ) 的 查询 。 


办 多 罗 凶 凶 
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10.3 系统 设计 


10.3.1 系统 目标 


仿 百 度 知道 之 明日 知道 网 站 的 系统 目标 如 下 。 

要 求 是 一 个 互动 性 很 强 的 网 站 ， 需 要 多 方 参与 、 多 方 协助 完成 。 参 与 者 越 多 ， 发 挥 的 作用 就 
越 大 、 效 果 越 好 。 

有 良好 的 人 机 交互 功能 :用户 界面 直观 、 友 好 ， 数 据 录 入 灵活 、 简 便 。 

功能 强大 ， 扩 展 性 强 ， 稳 定性 高 。 

系统 无 操作 系统 限制 ， 方 便 不 同 平台 之 间 的 移植 。 

网 站 最 大 限度 地 实现 易 维护 性 和 易 操 作 性 。 

网 站 运行 稳定 、 安 全 可 靠 。 


回 罗 回回 加 
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10.3.2 ”业务 流程 图 


仿 百 度 知道 之 明日 知道 网 站 开发 的 流程 如 图 10.1 所 示 。 


是 


关闭 问题 


图 10.1 业务 流程 图 
10.3.3 ”系统 功能 结构 


明日 知道 分 为 前 台 操 作 和 后 台 管理 两 个 网 站 。 前 台 网 站 主要 由 提问 模块 、 回 复 模块 、 设 置 最 佳 答 
案 模块 、 关 闭 问题 模块 、 搜 索 问题 模块 、 用 户 注册 模块 和 用 户 登 录 模块 七 部 分 组 成 。 前 台 网 站 功能 结 


构 如 图 10.2 所 示 
明日 知道 前 台 网 站 


i 关闭 问题 || 搜索 问题 || 用 户 注册 
A 
图 10.2 前 台 网 站 功能 结构 


后 台 管 理 网 站 主要 由 用 户 管理 模块 、 问 题 管理 模块 组 成 。 后 台 管 理 网 站 功能 结构 如 图 10.3 所 示 。 


明日 知道 后 台 管理 


问题 管理 模块 


图 10.3 ”后台 管理 网 站 功能 结构 
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10.3.4 系统 预览 


明日 知道 网 站 由 多 个 程序 页 面 组 成 ， 下 面 列 出 几 个 典型 的 页 面 预览 。 
在 明日 知道 首页 中 使 用 网 站 内 提供 的 搜索 引擎 查找 主题 或 内 容 中 包含 指定 关键 字 的 问题 列表 ， 其 


实际 运行 效果 如 图 10.4 所 示 。 
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图 10.4 搜索 问题 页 面 (资源 包 \*…\index.aspx) 
问题 列表 页 面 如 图 10.5 所 示 ， 该 页 面 列 出 指定 类 别 的 待 解决 问题 列表 。 
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10.5 ”问题 列表 页 面 (资源 包 \*…\QuestionList.aspx) 


在 图 10.5 中 单 击 “ 标 题 ” 列 上 的 链接 按钮 ， 跳 转 到 问题 及 答案 明细 页 面 ， 如 图 10.6 所 示 ， 该 页 面 
显示 指定 提问 及 对 应 的 答案 。 
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图 10.6 问题 及 答案 明细 页 面 (资源 包 \*…\QuestionAnswer.aspx) 
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ox 由 于 路 径 太 长 ， 因 此 省 咯 了 部 分 路 径 ， 省 略 的 路 径 是 “TM\10WMRQA”. 


10.3.5 ”构建 开发 环境 


1. 网 站 开发 环境 
网 站 开发 环境 : Microsoft Visual Studio 2017。 
回 ”网 站 开发 语言 : ASP.NET+C#。 
回 ”网 站 后 台数 据 库 : SQL Server 2014。 
回 ”开发 环境 运行 平台 :Windows 7/Windows10。 
服务 器 端 

操作 系统 : Windows 7。 

Web 服务 器 : IIS 6.0 以 上 版 本 。 

数据 库 服务 器 : SQL Server 2014。 

浏览 器 : Chrome 浏览 器 、Firefox 浏览 器 。 

网 站 服务 器 运行 环境 : Microsoft .NET Framework SDK v4.5。 
客户 端 

浏览 器 ，Chrome 浏览 器 、Firefox 浏览 器 。 

分 辩 率 ， 最 佳 效 果 1280x800 像素 或 更 高 分 辨 率 。 


10.3.6 ”数据 库 设 计 


本 系统 采用 SQL Server 2014 数据 库 ， 名 称 为 db_MRQA， 其 中 包含 5 张 表 。 下 面 分 别 介绍 数据 库 
概要 说 明 、 数 据 库 概念 设计 及 数据 库 逻 辑 结构 设计 。 


1. 数据 库 概要 说 明 


为 了 使 读者 对 明日 知道 后 台数 据 库 中 的 数据 表 有 一 个 更 清晰 的 认识 ， 在 此 特别 设计 了 一 个 数据 表 
树 形 结构 图 ， 该 结构 图 包括 系统 中 所 有 的 数据 表 ， 如 图 10.7 所 示 。 


QAREAEAREARDN 


只 


加 加 


日 国 db_-MRQA 
田 国教 据 库 关系 图 
日 向 表 
田园 系统 表 
田 目 dbotb_Answer 一 一 千 案 去 
国 目 dbotb_Ccatalog 问题 类 别 表 
田 目 dbotb_Config 一 一 一 一 一 一 全 局 设置 表 
国 目 dbotb_Question. 问题 表 
国 目 dbotb_Userinfo 一 -一 一 用 户 表 
日 篇 视图 
入 6 图 


加 dboww_QuestionCatalog 一 问题 类 别 统计 


图 10.7 数据 库 表 结构 
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2. 数据 库 概念 设计 


通过 对 本 系统 的 需求 分 析 、 系 统 流程 设计 以 及 系统 功能 结构 的 确定 ， 规 划 出 系统 中 使 用 的 数据 库 


实体 对 象 ， 具 体 说 明 如 下 。 
问题 是 保存 用 户 的 提问 信息 。 用 户 首 先 在 提问 页 面 录入 主题 、 类 别 、 内 容 、 悬 赏 分 数 及 


证 码 ， 其 中 主题 、 类 别 、 内 容 为 必 填 项 。 问 题 实 体 E-R 图 如 图 10.8 所 示 。 


提问 标题 
提问 内 容 悬赏 分 数 


在 线 用户 问 题 


( 发 时 间 ) (日 录 代码 ) 
(提问 代码 ) 


图 10.8 问题 实体 E-R 图 


E 确 的 验 


用 户 提出 问题 后 可 以 进行 回复 ， 对 于 回复 后 的 问题 可 以 将 其 设置 为 最 佳 答案 。 答 案 实体 E-R 图 如 


图 10.9 所 示 。 


10.9 答案 实体 E-R 


用 户 详细 信息 除了 包括 基本 的 信息 如 用 户 名 及 密码 等 外 ， 还 包括 了 已 解决 问题 数 、 未 解决 
悬赏 分 数 设 定 等 。 用 户 实体 E-R 图 如 图 10.10 所 示 。 


获得 悬赏 分 数 
已 解决 问题 数 


(回复 问题 数 ) 
是 否 为 最 佳 答案 


图 10.10 用 户 实体 E-R 图 


问题 数 、 
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3. 数据 库 逻 辑 结 构 设计 
在 设计 完 数据 库 实体 E-R 图 之 后 ， 需 要 根据 实体 E-R 图 设计 数据 表 结 构 。 下 面 给 出 主要 数据 表 的 
数据 结构 和 用 途 。 
(1) tb Question〈 问 题 表 ) 
问题 表 保存 用 户 的 提问 信息 ， 新 建 提问 时 状态 字段 值 为 “未 解决 ”; 提问 者 设置 最 佳 答案 时 状态 
变 为 “已 解决 ”; 提问 者 关闭 提问 时 状态 变 为 “已 关闭 ”。 表 结构 如 表 10.1 所 示 。 
表 10.1 问题 表 结构 


字段 名 | 数据 类 型 长 度 
Code Varchar 50 
CatalogCode Varchar 50 
UserCode varchar 50 
Title nvarchar 200 
Text ntext 16 
Mark int 4 
PostDatetime datetime 8 
State int 4 


(2) tb_Answer (答案 表 ) 
答案 表 保存 回复 的 答案 信息 ， 提 问 者 设置 最 佳 答案 时 ， 将 “是 否 为 最 佳 答案 ”字段 值 设 为 真 。 表 
结构 如 表 10.2 所 示 。 


表 10.2 答案 表 结 构 


字 段 名 数据 类 型 描述 
Code Varchar 回复 代码 
QuestionCode Varchar 提问 代码 
UserCode Varchar 回复 者 代码 
Title nvarchar 回复 主题 
Text ntext 回复 内 容 
BestAnswer bit 是 否 为 最 佳 答案 
PostDatetime datetime 回复 时 间 
VoteNice int 好 投票 计数 
VoteBad int 不 好 投票 计数 


(3) tb_UserInfo( 用 户 表 ) 
用 户 表 主要 保存 用 户 注册 的 信息 。 表 结构 如 表 10.3 所 示 。 


表 10.3 用 户 表 结 构 
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续 表 
字 段 名 数据 类 型 描述 

Password Varchar 密码 
Sex char 性 别 
Email Varchar 电子 邮箱 
Mark int 用 户 积分 
RewardMark int 获得 悬赏 积分 
PaidMark int 发 出 悬赏 积分 
ACount int 回复 问题 数 
AAcceptCount int 被 评 为 “最 佳 答案 ” 数 
QSolvedCount int 已 解决 提问 数 〈 自 己 发 布 的 提问 ) 
QUnsolveCount int 未 解决 提问 数 〈 自 己 发 布 的 提问 ) 
QCancelledCount int 已 关闭 提问 数 〈 自 己 发 布 的 提问 ) 
CreatedDate datetime 注册 时 间 


10.3.7 文件 夹 组 织 结构 


为 了 便于 读者 对 本 网 站 的 学 习 ， 在 此 将 网 站 文件 的 组 织 结构 展示 出 来 。 网 站 文件 组 织 结构 如 
图 10.11 所 示 。 


公共 类 文件 夹 
对 所 过 立 件 去 


一 本 式 琉 件 天 ” 
而 Images 一 一 一 一 一 一 一 一 一 一 一 一 图 片 文件 夫 + 
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he Notsearchaspx 
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) 和 Quesiolsparpx 一 一 一 一 一 一 一 一 一 一 查找 问题。 
hs 加 Registeracpxy 一 一 一 一 一 一 一 一 一 一 一 用 户主 页" 
bo UC Footerasox 一 用 户 2 件 , 
一 下 用 户 s 件 。 
折 航 们 月 户 室 件 
接 过 用 户 件 * 
一 -文件 
2 图 sveconmo 一 一 一 一 一 一 一 一 一 一 一 自 定 控件 工程。 
b #p Propertes 
b wa 


he GidVYiewe 一 一 
ec Ourpagercs oo 


到 文件 
一 -xf 夫 
b+ 到 QuedionManageraspx 一 ae 
+ 加 UserManageraspx 一 一 一 一 一 一 一 一 一 is 阁 管 ~ 
4 本 wdwebinfo 
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图 10.11 网 站 文件 组 织 结构 
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10.4 ”公共 的 自 定义 核心 控件 类 设计 


设计 公共 类 ， 可 以 提高 开发 效率 以 及 方便 以 后 对 程序 的 维护 。 对 于 一 个 好 的 程序 来 说 ， 公 共 类 是 
不 可 缺少 的 一 部 分 。 在 本 程序 中 编写 了 两 个 公共 类 ， 这 两 个 公共 类 分 别 为 数据 库 操作 类 operateData 和 
公共 方法 类 operateMethod。 数 据 库 操作 类 主要 用 于 编写 对 数据 库 常 用 的 一 些 操作 。 公 共 方 法 类 用 于 编 
写 在 程序 中 比较 常用 的 方法 或 易于 日 后 修改 的 方法 。 下 面 将 详细 介绍 公共 类 中 的 方法 。 


10.4.1 自 定 义 GridView 数据 绑 定 控件 类 


明日 知道 网 站 中 所 有 应 用 到 的 GridView 都 不 是 ASPNET 自 带 的 GridView， 而 是 在 ASPNET 的 
GridView 类 基础 上 封装 的 自 定义 GridView 控件 ， 其 主要 优势 在 于 该 自 定义 GridView 控件 在 绑 定数 据 
源 中 的 数据 为 空 时 ， 既 可 显示 空 数据 的 说 明文 字 , 也 可 显示 其 表 头 信息 ,而 ASP.NET 自 带 的 GridView 
在 绑 定 数据 源 中 的 数据 为 空 时 只 显示 一 行 说 明文 字 ， 人 性 化 的 界面 效果 不 好 。 

该 自 定义 控件 重 写 了 基 类 的 Render 方法 ， 判 断 当 传 入 的 数据 源 数据 为 空 时 自 定义 创建 一 个 表格 ， 
在 表格 中 添加 两 行 : 表 头 行 和 内 容 行 。 表 头 行 根据 GridView 的 字段 列 HeaderText 设置 行 的 单元 格 内 
容 ， 内 容 行 显示 GridView 数据 为 空 的 提示 文本 。 当 然 表 格 及 行 的 样式 都 是 根据 GridView 设置 的 。 核 
心 代码 如 下 : 

倒 程 01 代码 位 置 ， 资源 包 \TM\10\ServerControl\GridView.cs 


W<summary> 

/GridView 数据 为 空 时 呈现 的 样式 

/</summary> 

/<param name="Writer"></param> 

protected virtual void RenderEmptyContent(HtmITextWriter writer) 


‘ 
Table t = new Table(); /创建 一 个 HTML 的 Table 
t.GridLines = this.GridLines; /| 设置 Table 的 线 型 与 GridView 相同 
t.BorderStyle = this.BorderStyle; // 设 置 边 界 风格 与 GridView 相同 


t.BorderWidth = 0; 
t.CellPadding = 1; 
t.CellSpacing = 1; 
t.HorizontalAlign = this.HorizontalAlign; // 设 置 水 平 对 齐 风 格 与 GridView 相同 


t.Width = this.Width; // 设 置 Table 宽度 与 GridView 相同 
t.CopyBaseAttributes(this); 

t.BorderColor = this.BorderColor; // 设 置 边 界 颜 色 与 GridView 相同 
tEnableTheming = this.EnableTheming;  // 设 置 主题 是 否 生效 与 GridView 相同 
t.ForeColor = this.ForeColor; /设置 前 景色 与 GridView 相同 
tSkinID = this.SkinID; /设置 皮肤 样式 与 GridView 相同 
tToolTip = this.ToolTip; /设置 提示 信息 与 GridView 相同 
t.Visible = this.Visible; // 设 置 是 否 可 见 与 GridView 相同 
t.Font.CopyFrom(this.Font); // 设 置 字体 对 象 与 GridView 相同 

// 设 置 Table 的 层 倒 样式 表 


t.CssClass = this.EmptyDataTableCssClass != ”? this.EmptyDataTableCssClass : this.CssClass; 
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TableRow row = new TableRow!(); /| 新 建 一 个 行 
row.CssClass = this.EmptyDataTitleRowCssClass; // 设 置 行 与 层叠 样式 表 
row.Height = 25; 
t.Rows.Add(row); // 将 行 添加 到 Table 中 
foreach (DataControlField field in this.Columns) /根据 GridView 中 的 字段 创建 Table 行 的 单元 格 
if (field.Visible) // 如 果 GridView 中 的 该 字段 可 见 
TableCell cell = new TableCell(); /1 创建 单元 格 
cell.Text = field.HeaderText; /设置 单元 格 文本 
row.Cells.Add(cell); // 将 单元 格 添加 到 行 中 


} 


} 
TableRow row2 = new TableRow();，// 新 建 第 二 行 
row2.CssClass = this.EmptyDataContentRowCssClass; /设置 行 的 与 层叠 样式 表 


t.Rows.Add(row2); 
TableCell msgCell = new TableCell(); 
if (this.EmptyDataTemplate != null) // 如 果 GridView 中 设置 了 空 模板 
* 

this.EmptyDataTemplate.Instantiateln(msgCell); 
} 
else { 

msgCell.Text = this.EmptyDataText; // 设 置 单 元 格 文本 为 空 数据 提示 
} 
msgCell.HorizontalAlign = HorizontalAlign.Center; /设置 单元 格 的 水 平 对 齐 
msgCell.ColumnSpan = this.Columns.Count' /设置 单元 格 的 列 合并 
row2.Cells.Add(msgCell); 
t.RenderControl(writer); // 将 Table 发 送 给 HTML 呈现 流 


> 
protected override void Render(HtmlTextWriter writer) 


// 如 果 GridView 数据 为 空 
if (EnableEmptyContentRender && (this.Rows.Count == 0 || this.Rows[0].RowType == 
DataControlRowType.EmptyDataRow)) 


RenderEmptyContent(writer); /调用 自 定义 呈现 方法 
$ 
else 
{ 
base.Render(writer); // 调 用 基 类 呈现 方法 
上 


} 
10.4.2” 自 定义 OurPager 数据 分 页 控件 类 


只 要 用 到 GridView 就 需要 分 页 ， 虽 然 GridView 有 自 带 的 分 页 功能 ， 但 其 功能 相对 简单 且 扩展 性 
差 ， 最 主要 的 是 它 不 能 实现 真正 意义 上 的 分 页 〈 即 每 次 从 数据 库 只 读 取 当 前 页 的 数据 ) ， 而 第 三 方 的 
分 页 组 件 又 会 涉及 一 些 版 权 等 问题 。 基 于 以 上 原因 在 通用 进 销 存 的 表格 分 页 方案 中 选择 了 自行 开发 分 页 
控件 OurPager， 其 在 真正 意义 上 实现 了 数据 的 分 页 功能 。 自 定义 分 页 控件 实际 运行 效果 如 图 10.12 所 示 。 


多 
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图 10.12 自 定 义 OurPager 数据 分 页 控件 的 应 用 


分 页 控件 只 需 输入 两 个 行为 属性 一 一 RecordCount 和 PageSize, 即 可 自动 计算 分 页 信息 并 绘制 控件 
呈现 ， 分 页 控件 还 提供 了 一 个 PageChanged 事件 ， 只 需 实现 该 事件 即 可 在 单 击 分 页 控件 任意 按钮 时 触 
发 该 事件 。 

自 定义 分 页 控件 事件 执行 的 核心 代码 如 下 : 


倒 程 02 ”代码 位 置 : 资源 包 \TM\10\ServerControN\OurPager.cs 


li<summary> 

/1/ 当 触发 分 页 控件 事件 时 执行 的 过 程 

li</summary> 

W<param name="ty"></param> 

ll/<param name="cmdArgs"></param> 

private void DoPageChanged(PageChangedType ty, string cmdArgs) 
{ 


int currentPageldx = CurrentPagelndex; 
int pageCnt = PageCount; 


int NewPagelndex = CurrentPagelndex:; // 设 置 新 页 索引 
switch (ty) 
{ 
case PageChangedType.atFirst: // 如 果 触 发 首页 按钮 事件 
NewPagelndex = 1; // 新 页 索引 设 为 1 
break; 
case PageChangedType.atPrior: // 如 果 触 发 上 页 按钮 事件 


if (currentPageldx > 1) 


NewPagelndex = CurrentPagelndex - 1; // 新 页 索引 设 为 当前 页 索引 减 1 
3 
break; 
case PageChangedType.atNext: /1 如果 触发 下 页 按钮 事件 
if (currentPageldx < pageCnt) 
{ 


NewPagelndex = CurrentPagelndex + 1; // 新 页 索引 设 为 当前 页 索引 加 1 
上 
break; 
case PageChangedType.atLast: /如果 触发 未 页 按钮 事件 
NewPagelndex = pageCnt; 
break; 
case PageChangedType .atGo- /如果 触发 页 导航 按钮 事件 
int idx = currentPageldx; 
if (int.TryParse(_txtToPage.Text, out idx)) 


@ 
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if (idx >= 1 && idx <= pageCnt) 
{ 


NewPagelndex = idx; /| 新 页 索引 等 于 导航 输入 框 数字 
} 
} 
break:; 
case PageChangedType.atNumeric: // 如 果 触 发 页 码 按钮 事件 
if (cmdArgs == "back") /| 如果 触 发 向 后 翻 页 码 按钮 事件 


{ 


if (NumericPageIndex > 1) 


{ 
NumericPagelndex —; // 页 码 按钮 页 索引 减 1 


// 根 据 页 码 按钮 索引 设置 页 索引 

NewPagelndex = NumericPagelndex * NumericButtonCount; 
} 
else if (cmdArgs == "front") 1/ 如果 触发 向 前 翻 页 码 按钮 事件 
{ 


if (NumericPagelndex < NumericPageCount) 


NumericPagelndex++; // 页 码 按钮 页 索引 加 1 

// 根 据 页 码 按钮 索引 设置 页 索引 

NewPagelndex = (NumericPagelndex-1) * NumericButtonCount + 1; 
else // 如 果 触 发 页 码 按钮 事件 


{ 
int tmpArgs = Convert.Tolnt32(cmdArgs); 
if (tmpArgs >= 1 && tmpArgs <= RecordCount) 
下 


NewPagelndex = tmpArgs; // 设 置 页 索引 为 页 码 按钮 参数 
} 
} 
break; 
} 
if (PageChanged != null) // 加 页 改变 事件 不 为 空 
PageArgs args = new PageArgs(NewPagelndex); 。”// 设 置 页 改变 事件 参数 
PageChanged(this, args); /执行 页 改变 事件 代码 
} 
CurrentPagelndex = NewPagelndex; // 最 终 确认 当前 页 索引 
CalculateButtonEnable();，// 计 算 按 钮 只 读 
CalculateNumericBtnVisible(); ll 计算 页 码 按钮 可 见 


_lblPage.Text = string.Format(" 第 {0} 页 / 共 {1} 页 ", NewPagelndex, pageCnt); 
_txtToPage.Text = NewPagelndex.ToString(); 

// 如 果 是 向 前 或 向 后 翻 页 码 事件 ， 则 要 重新 创建 子 控件 

if (ty == PageChangedType.atNumeric && (cmdArgs=="back" || cmdArgs=="front")) 


RecreateChildControls(); 
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该 自 定 义 分 页 控件 中 还 应 用 了 一 个 比较 典型 的 事件 ， 即 冒 泡 事件 。 冒 泡 事件 是 指 服务 器 控件 的 事 
件 沿 着 UI 服务 器 控件 层次 结构 向 上 传递 ， 通 俗 点 说 就 是 子 控件 的 事件 传递 到 父 控件 ， 该 类 中 重 写 的 事 
件 冒 泡 方法 OnBubbleEvent 代码 如 下 : 


ll<summary> 
W/ 重 写 父 类 的 事件 冒 泡 方法 ， 当 触发 任何 子 控件 的 事件 时 都 会 执行 该 方法 
li</summary> 
l/l<param name="source"></param> 
l/l/<param name="args"></param> 
li<returns></returns> 
protected override bool OnBubbleEvent(object source, EventArgs args) 
和 
if (args is CommandEventArgs) 


PageChangedType cmdName = (PageChangedType)Convert.Tolnt32((args as 
CommandEventArgs).CommandName); 
string cmdArg = (args as CommandEventArgs).CommandArgument.ToString(); 
DoPageChanged(cmdName, cmdArg); 。“”// 执 行 处 理 自 定义 分 页 的 过 程 
return true; 
} 


else 


return base.OnBubbleEvent(source, args); // 执 行 父 类 的 冒 泡 方法 
} 
} 


MN 
io 注意 以 上 所 列 代码 是 这 个 自 定义 分 页 控件 的 部 分 核心 代码 。 该 自 定义 分 页 控件 基本 涵盖 了 主 
流 商业 分 页 控件 的 主要 功能 ， 只 是 在 控件 的 样式 自 定义 方面 还 没 那 么 灵活 ， 但 这 正好 适合 要 技术 进 
级 的 读者 朋友 们 学 习 , 而且 该 控件 抛 开 了 一 般 控 件 所 采用 的 HTML 代码 段 , 真正 意义 上 做 到 了 面向 
对 象 开发 组 件 。 


10.5 提问 模块 设计 


10.5.1 ”提问 模块 概述 


提问 模块 实现 的 功能 是 保存 用 户 的 提问 信息 。 用 户 首先 在 提问 页 面 录入 主题 、 类 别 、 内 容 、 悬 赏 
分 数 及 正确 的 验证 码 ， 其 中 主题 、 类 别 、 内 容 为 必 填 项 ， 然 后 便 可 单 击 “ 发 表 帖子 ”按钮 将 提问 信息 
提交 到 问题 列表 页 中 。 提 问 页 面 如 图 10.13 所 示 。 

在 加 载 提问 页 面 时 ， 程 序 首先 会 判断 用 户 是 否 登 录 ， 如 果 没 有 登录 先 跳 转 到 登录 提示 页 。 登 录 提 
示 页 面 如 图 10.14 所 示 。 

如 果 用 户 没有 注册 ， 则 可 在 登录 提示 页 中 单 击 “ 注 册 ” 链 接 按 钮 ， 注 册 一 个 新 用 户 。 用 户 注 册页 
面 如 图 10.15 所 示 。 


@ 
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图 10.13 提问 页 面 


MING RIZHIDAO 


目 040/ 


| 友情 提示 


\ 类 9 及 登 赤 才 可 以 关中 让 基 双 没有 由 号 ? 注 笛 


ch 2907.2016 吉 林 莉 明日 科 近 有 限 公 司 


旭 10.14 ”登录 提示 页 面 
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10.15 用 户 注册 页 面 
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如 果 用 户 已 经 注册 ， 单 击 登录 提示 页 中 的 “登录 ”链接 按钮 ， 弹 出 登录 页 面 。 登 录 页 面 如 图 10.16 
所 示 。 


| WES: ] 璇 和 看 不 请 1 


图 10.16 登录 页 面 


在 登录 页 面 中 输入 正确 的 用 户 名 、 密 码 和 验证 码 后 ， 单 击 “ 登 录 ” 按 钮 ， 登 录 成 功 后 自动 跳 转 到 
提问 页 面 ( 如 图 10.13 所 示 ) ， 同 时 在 导航 栏 中 显示 当前 登录 用 户 的 名 称 。 


oa 为 了 防止 用 户 的 恶意 攻击 ， 在 提问 、 回 复 页 面 都 需要 填写 正确 的 验证 码 才能 提交 。 


10.5.2 ”提问 模块 技术 分 析 


为 了 让 读者 更 加 清晰 地 理解 提问 模块 的 总 体 设计 思路 ， 在 10.5.1 节 模 块 功能 展示 的 基础 上 ， 绘 制 
了 提问 模块 的 流程 ， 如 图 10.17 所 示 。 


提问 信息 保存 到 
问题 数据 表 


提问 者 的 未 解决 
问题 总 数 +1 


选择 类 别 
填写 提问 信息 


未 解决 问题 
总 数 +1 


图 10.17 提问 页 流程 图 
在 流程 图 10.17 中 ， 执 行 “ 提 交 提 问 ” 操 作 时 主要 应 用 了 LINQ to SQL 中 对 SQL Server 数据 库 的 
插入 和 修改 操作 。 
(1) LINQto SQL 中 对 SQL Server 数据 库 的 插入 操作 ， 示 例 代 码 如 下 : 


tb_Question question = new tb_Question(); /| 创建 提问 信息 实体 
question Title = txtTitle. Text; 1/ 给 实体 成 员 赋 值 
DC.tb_Question.InsertOnSubmit(question); /保存 提问 信息 
DC.SubmitChanges(); /提交 结果 到 服务 器 端 


@ 
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(2) LINQ to SQL 中 对 SQL Server 数据 库 的 修改 操作 ， 示 例 代码 如 下 : 


// 取 要 修改 的 记录 

tb_Userlnfo user = DC.tb_Userlnfo.FirstOrDefault(itm => itm.Code == ClientHelper.UserCode); 
user.QUnsolveCount = user.QUnsolveCount + 1; /用 户 信息 表 中 提问 者 的 “未 解决 问题 数 ”+1 
DC.SubmitChanges(); /提交 结果 到 服务 器 端 


10.5.3 ”提问 模块 实现 过 程 
国 本 模块 使 用 的 数据 表 : tb_UserInfo、tb_Catalog 
1. 设计 步骤 
新 建 一 个 Web 窗 体 ， 将 其 命名 为 Question.aspx。 该 页 面 用 到 的 主要 控件 如 表 10.4 所 示 。 
表 10.4 Question.aspx 页 用 到 的 主要 控件 


控件 类 型 控件 ID 主要 属性 设置 用 途 
ab] TextBox txtTitle 均 为 默认 值 输入 提问 主题 
EE DropDownList ddlcatalogCode 均 为 默认 值 选择 提问 类 别 

txtText TextMode 属性 设 为 MultiLine 输入 提问 内 容 
so] TextBox txtMark 均 为 默认 值 输入 悬赏 积分 

txtCheckCode 均 为 默认 值 输入 验证 码 
ValidateCode ValidateCodel 均 为 默认 值 生成 验证 码 

, ; ImageUrl 属性 设 为 "~/Images/SureLogin.JPG" 证 
回 ImageButton ibtnPostQuestion 单 击 事件 ibnpostQuestion Click 提交 提问 信息 
2. 实现 代码 


在 明日 知道 网 站 中 由 于 提问 问题 、 回 复 问题 、 设 置 最 佳 答案 及 关闭 问题 都 涉及 分 数 的 分 配 或 问题 
数量 的 统计 操作 ， 所 以 必须 先 以 注册 的 会 员 身份 登录 ， 然 后 将 提问 者 、 回 复 者 的 信息 与 数据 库 中 存储 
的 信息 进行 核对 ， 就 可 以 实现 有 操作 权限 的 判断 及 积分 的 分 配 。 

(1) 在 提问 页 面 的 加 载 事 件 Page_ Load 中 ， 主 要 实现 两 个 功能 : 一 是 判断 用 户 是 否 登 录 ， 如 果 没 

有 登录 将 给 予 提示 登录 ; 二 是 将 问题 类 别 数 据 表 中 的 内 容 填充 到 类 别 下 拉 列 表 框 中 。 具 体 代码 如 下 : 

倒 程 03 代码 位 置 ， 资源 包 \TM\10\ClientWebSite\Question.aspx.cs 

protected void Page_Load(object sender, EventArgs e) 


if (IPage.lsPostBack) 


{ 
@ if (string.lsNullOrEmpty(ClientHelper.UserCode)) // 提 问 前 判断 用 户 是 否 登 录 
{ 
Session["RedirectFrom"] = Request.Url; // 记 住 当前 的 Un 
Response.Redirect("NotLogin.aspx"); 1/ 跳 转 到 登录 提示 页 
} 
© var query = from item in DC.tb_Catalog // 取 类 别 数据 表 中 的 数据 
select new 


@ 
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Code = item.Code, 
Name = item.Name 


上 
/以 下 是 将 类 别 数据 表 中 的 数据 绑 定 到 类 别 下 拉 列 表 框 中 
[32 ddlCatalogCode.DataSource = query; 
ddlCatalogCode.DataTextField = "Name"; 
ddlCatalogCode.DataValueField = "Code"; 
ddlCatalogCode.DataBind(); 


= 


二) 代码 贴 十 

@ 提 问 前 判断 用 户 是 否 登 录 。 如果 没有 登录 ， 首先 记 住 当前 的 URL， 其 次 跳 转 到 登录 提示 页 。 登录 成 功 时 根据 记 住 
的 URL 回 到 提问 页 面 。 

@ 使 用 LINQ 从 类 别 数 据 表 中 取出 数据 。 

目 将 类 别 数据 表 中 的 数据 绑 定 到 类 别 下 拉 列 表 框 中 。 


(2) 输入 提问 信息 后 ， 单 击 “ 发 表 帖子 ”按钮 将 提问 信息 保存 到 数据 库 中 。 由 于 提交 了 一 个 未 解 
决 的 问题 ， 所 以 提问 者 的 未 解决 问题 数 加 1， 全 局 设置 表 中 未 解决 问题 总 数 也 加 1。 主 要 代码 如 下 : 


倒 程 04 代码 位 置 ， 资源 包 \TM\10\ClientWebSite\Question.aspx.cs 
protected void ibtnPostQuestion_Click(object sender, ImageClickEventArgs e) // 保 存 提问 信息 


if (I!ValidateCode1.CheckSN(txtCheckCode.Text)) // 判 断 验 证 码 是 否 正 确 
lblIMessage.Text = "输入 验证 码 不 正确 ""; 
return; 

} 

if (Page.lsValid) 

{ 
tb_Question question = new tb_Question(); 1/ 创建 提问 信息 实体 
question.Code = ClientHelper.BuildCode(); // 调 用 公共 类 生成 唯一 号 

/给 以 下 实体 成 员 赋值 


question.CatalogCode = ddlCatalogCode.SelectedValue; 

question.UserCode = ClientHelper.UserCode; 

question.Title = txtTitle. Text; 

question.Text = txtText. Text; 

if (txtMark. Text.Trim() !="") 

question.Mark = Convert. Tolnt32(txtMark. Text); 

question.PostDatetime = ClientHelper.ServerDate; 

question .State = 0; /状态 默认 为 0 〈 未 解决 ) 
© DCtb_Question.InsertOnSubmit(question); 

/用 户 信息 表 中 提问 者 的 “未 解决 问题 数 ”+1 

tb_Userlnfo user = DC.tb_Userlnfo.FirstOrDefault(itm => itm.Code == question.UserCode); 


2 User.QUnsolveCount = user.QUnsolveCount + 1; 

tb_Config config = DC.tb_Config.FirstOrDefault(); // 全 局 配置 表 中 “未 解决 问题 数 ”+1 
目 config.UnSolved = config.UnSolved + 1; 

DC.SubmitChanges(); /提交 结果 到 服务 器 端 

txtTitle. Text = ™; 1/ 清空 输入 内 容 


ddlCatalogCode.Selectedindex = 0; 


@ 
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txtText.Text = ™; 
txtMark. Text = ™"; 
txtCheckCode.Text = ™; 
Response.Write("<Script>window.alert(' 保 存 成 功 ")</Script>"); 
} 
} 


二) 代码 贴 十 
@ 将 提问 信息 保存 到 数据 库 中 的 问题 表 。 


@ 提 问 者 的 未 解决 问题 数 加 1。 
瞻 全 局 设置 表 中 的 未 解决 问题 总 数 加 1。 


10.6 ”问题 回答 模块 设计 


10.6.1 问题 回答 模块 概述 
答 模块 实现 的 功能 是 对 提问 模块 提出 的 问题 进行 回复 ， 并 不 是 所 有 的 提问 都 允许 回 


问题 回 
复 问题 的 前 提 如 下 。 

回 ”该 问题 没有 被 提问 者 关闭 〈 或 管理 员 删除 ) 。 

回 ”该 问题 还 没有 最 佳 答案 。 

回 ”该 用 户 没 有 回复 过 该 问题 。 

在 问题 回答 页 面 录入 回复 主题 、 回 复 内 容 及 正确 的 验证 码 后 ， 单 击 “ 发 表 帖子 ”按钮 ， 将 回复 信 
息 保存 到 数据 库 的 答案 表 中 。 问 题 回 答 页 面 如 图 10.18 所 示 。 


图 10.18 ”问题 回答 页 面 


回复 者 登录 明日 知道 网 站 后 ， 有 两 种 方式 查找 要 回复 的 问题 。 第 一 种 是 在 主页 上 单 
按钮 跳 转 至 问题 分 类 页 面 。 问 题 分 类 页 面 如 图 10.19 所 示 。 
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10.19 ”问题 分 类 页 面 


CS 在 问题 分 类 页 面 中 选择 某 一 个 问题 类 别 后 ， 将 进入 包含 该 类 别 的 问题 列表 页 (如 图 10.5 
所 示 )， 当 单 击 问题 列表 中 “标题 ” 列 上 的 链接 按钮 ， 进 入 要 回复 的 问题 及 答案 明细 页 (如 图 10.6 
所 示 )， 在 问题 及 答案 明细 页 面 中 单 击 “ 我 要 回答 ”按钮 ， 就 可 以 回复 选中 的 问题 。 

第 二 种 是 在 主页 (或 其 他 页 ) 的 搜索 引擎 中 输入 指定 关键 字 ， 单 击 “ 搜 索 答案 ”按钮 直接 查找 问 

题 ， 稍 后 会 给 予 详细 介绍 。 


pM 
De 
复 问 题 页 面 ， 并 且 该 问题 还 没有 最 佳 答案 、 未 被 关闭 。 


10.6.2 ”问题 回答 模块 技术 分 析 


为 了 让 读者 更 加 清晰 地 理解 问题 回答 模块 的 总 体 设计 思路 ， 在 10.6.1 节 模 块 功能 展示 的 基础 上 ， 
绘制 了 问题 回答 模块 的 流程 图 ， 如 图 10.20 所 示 。 


否 
从 问题 列表 | | 汪 入 可 站 或 已 
中 选择 提问 | 进入 提问 人 填写 答案 | ?| 提交 答案 
三 从 搜索 引擎 -i 回复 者 回答 存 入 答案 
中 查找 提问 问题 数 +1 数据 表 


图 10.20 ”问题 回答 模块 流程 图 


CS 在 图 10.20 中 执行 “进入 提问 ”操作 时 主要 应 用 了 查询 字符 串 传 值 技术 和 Session 传 值 技 
术 。 执行 “提交 答案 ”操作 时 应 用 了 LINQ to SQL 中 对 SQL Server 数据 库 的 修改 和 删除 操作 。 


(1) 获得 查询 字符 串 中 指定 参数 值 的 示例 代码 如 下 : 


if (Request.QueryString["QuestionCode"] = null) /提问 唯一 号 不 为 空 


@ 
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{ 
QuestionCode = Request.QueryString["QuestionCode"].ToString(); /取出 提问 唯一 号 
} 


(2) 从 Session 中 取出 指定 对 象 ， 示 例 代码 如 下 : 
Session["RedirectFrom"] = Request.Url; 


(3) 应 用 LINQ to SQL 中 对 SQL Server 数据 库 删 除 操作 的 代码 如 下 : 


tb_Answer answer = DC.tb_Answer.FirstOrDefault(itm => itm.Code == code); /取出 要 删除 的 记录 
DC.tb_Answer.DeleteOnSubmit(answer); // 删 除 回复 信息 
DC.SubmitChanges(); /提交 删除 操作 


10.6.3 ”问题 回答 模块 实现 过 程 
国 本 模块 使 用 的 数据 表 : tb Answer 
1. 设计 步骤 


(1) 创建 一 个 Web 窗 体 ， 将 其 命名 为 Answer.aspx。 
(2) 该 页 面 应 用 的 主要 控件 如 表 10.5 所 示 。 


表 10.5 _ Answer.aspx 页 用 到 的 主要 控件 


控件 类 型 控件 ID 主要 属性 设置 用 途 
较 DataList dlQuestion DataKeyField 属性 设 为 Code 显示 提问 信息 
txtTitle 均 为 默认 值 输入 回复 主题 
ab TextBox txtText TextMode 属性 设 为 MultiLine 输入 回复 内 容 
txtCheckCode 均 为 默认 值 输入 验证 码 
如 validatecode ValidateCodel 均 为 默认 值 生成 验证 码 
i ImageUrl 属性 设 为 ~/Images/SureLogin.JPG 单 击 Bs 
回 ImageButton ibtnPostAnswer 事件 ibtmpostAnswer Click 提交 回复 信息 
DataKeyField 属性 设 为 Code onitemcommand 事 于 本 
园 DataList dlAnswer 件 设 为 和 d 显示 回复 信息 
2. 实现 代码 


(1) 在 问题 回答 页 面 有 两 个 DataList 控件 ， 分 别 用 来 显示 提问 信息 和 回复 信息 。 在 初始 化 这 两 个 
DataList 数据 时 都 调用 了 一 个 LoadData 自 定义 方法 ， 该 方法 的 具体 代码 如 下 : 
倒 程 05 代码 位 置 ， 资源 包 \TM\10\ClientWebSite\Answer.aspx.cs 


private void LoadData() 
{ 


var questionQuery = from item in DC.tb_Question /使 用 LINQ 查询 提问 信息 


where item.Code == QuestionCode 


join user in DC.tb_UserInfo 
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on item.UserCode equals user.Code 
join catalog in DC.tb_Catalog 
on item.CatalogCode equals catalog.Code 


select new 

{ 
Code = item.Code, 
Title = item.Title, 
Text = item. Text, 


QuestionMark = item.Mark, 
PostDatetime = item.PostDatetime, 
UserCode = user.UserName, 

Mark = user.Mark, 

AAcceptCount = user.AAcceptCount, 
CreatedDate = user.CreatedDate, 
CatalogCode = item.CatalogCode, 
CatalogName = catalog.Name 


上 
if (questionQuery != null 
dlQuestion.DataSource = questionQuery; /将 提问 信息 绑 定 到 DataList 
dlQuestion.DataBind(); 
var answerQuery = from item in DC.tb_Answer /使 用 LINQ 查询 回复 信息 


where item.QuestionCode == QuestionCode 
join user in DCtb_Userlnfo 
on item.UserCode equals user.Code 
select new 
《 
Code = item.Code, 
QuestionCode = item.QuestionCode, 
Title = item.Title, 
Text = item. Text, 
PostDatetime = item.PostDatetime, 
UserCode = user.UserName, 
Mark = user.Mark, 
AAcceptCount = user.AAcceptCount, 
CreatedDate = user.CreatedDate 


上 
dlAnswer.DataSource = answerQuery; /将 回复 信息 绑 定 到 DataList 
dlAnswer.DataBind(); 


(2) 双击 问题 回答 页 (Answer.aspx) 中 的 “发 表 帖子 ”按钮 ， 触 发 其 Click 事件 ， 在 该 事件 中 可 
复 信息 保存 到 数据 库 中 ， 并 且 当 回复 了 一 个 问题 时 回复 者 的 回复 问题 数 加 1。 主 要 代码 如 下 : 
倒 程 06 代码 位 置 ， 资源 包 \TM\10\ClientWebSite\Answer\.aspx.cs 
protected void ibtnPostAnswer_Click(object sender, ImageClickEventArgs e) 


羡 


… // 省 略 验证 码 验证 操作 
if (Page.lsValid) 
{ 


© 
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if (AnswerCode == ") / 传 入 的 查询 字符 串 为 空 ， 是 新 建 回复 信息 操作 
tb_Answer answer = newtb_Answer(); 
answer.Code = ClientHelper.BuildCode(); 
answer.QuestionCode = QuestionCode; 
answer.UserCode = ClientHelper.UserCode; 
answer.Title = txtTitle.Text; 
answer.Text = txtText. Text; 
answer.PostDatetime = ClientHelper.ServerDate; 
@ DC.tb_Answer.InsertOnSubmit(answer); /将 回复 信息 保存 到 答案 数据 表 中 
/用 户 信息 表 中 回复 者 的 “回复 问题 数 ”+1 
tb_Userlnfo user = DC.tb_Userlnfo.FirstOrDefault(itm => itm.Code == ClientHelper.UserCode); 
if (user I= null) { 
@ User.ACount = user.ACount + 1; 


} 

DC.SubmitChanges(); 

lblIMessage.Text = "发 表 贴 子 成 功 "; 
Response.Redirect("QuestionAnswer.aspx?QuestionCode=" + QuestionCode); 


else // 是 修改 回复 信息 操作 
© tb_Answer answer = DC.tb_Answer.FirstOrDefault(itm => itm.Code == AnswerCode); 
if (answer != null) 
answer. Title = txtTitle. Text; 
answer.Text = txtText. Text; 
answer.PostDatetime = ClientHelper.ServerDate; 
DC.SubmitChanges(); 
lblIMessage.Text = "修改 帖子 成 功 "; 
Response.Redirect("QuestionAnswer.aspx?QuestionCode=" + QuestionCode); 
} 
上 
4 代码 巾 士 
@ 将 回复 信息 保存 到 数据 库 中 的 答案 表 。 


四 回复 者 的 回复 问题 数 加 1。 
四 如 果 查 询 字符 串 中 的 AnswerCode 参数 有 值 ， 表 示 执 行 修改 回复 信息 操作 。 


10.7 设置 最 佳 答案 模块 设计 


视频 讲解 


10.7.1 设置 最 佳 答 案 模块 概述 


以 提问 者 的 身份 进入 问题 及 答案 明细 页 面 ， 可 以 指定 哪个 回复 信息 是 最 佳 答案 。 设 置 最 佳 答案 页 


面 如 图 10.21 所 示 。 
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图 10.21 设置 最 佳 答案 页 面 


NE 4 明 以 提问 者 的 身份 过 入 问题 及 答 案 明 细 页 面 后 ， 所 有 回复 信息 的 左下 角 都 显示 一 个 “ 设 为 
最 佳 答案 ”链接 按钮 。 提 问 者 认为 哪个 回复 信息 正确 ， 就 可 以 单 击 该 回复 信息 左下 角 的 “ 设 为 最 佳 
答案 ”链接 按钮. 


MN 
半生 g 注 意 器 复 者 还 可 以 对 自己 回复 的 问题 进行 修改 或 列 除 ， 前 提 是 以 上 次 回复 问题 的 身份 进入 回 
复 问题 页 面 ， 并 且 该 问题 还 没有 最 佳 答案 、 未 被 关闭 。 


10.7.2 设置 最 佳 答案 模块 技术 分 析 


为 了 让 各 位 读者 更 加 清晰 地 理解 设置 最 佳 答案 模块 的 总 体 设计 思路 ， 在 10.7.1 节 模 块 功能 展示 的 
基础 上 ， 绘 制 了 设置 最 佳 答案 模块 的 流程 图 ， 如 图 10.22 所 示 。 


以 提问 者 
身份 登录 
未 解决 问题 数 -1 
De “被 评 为 最 佳 
答案 数 ”+1 


否 已 解决 问题 数 +1 
设置 最 佳 答案 加 4 累计 未 解决 问 
| 设置 最 佳 答案 | 冲 减 提问 者 积分 累加 回复 者 积分 题 数 -1 


累计 已 解决 问 


图 10.22 设置 最 佳 答 案 模块 流程 图 
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设置 最 佳 答案 页 面 中 的 页 头 、 导 航 、 页 脚 3 个 用 户 控件 都 应 用 到 了 页 输出 缓存 技术 ， 示 例 代 码 如 下 : 


<%@ OutputCache Duration="30" VaryByParam="none" %> 
10.7.3 ”设置 最 佳 答案 模块 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb Question、tb_UserInfo、tb_Catalog 
1. 设计 步骤 


(1) 创建 一 个 Web 窗 体 ， 将 其 命名 为 QuestionAnswer.aspx。 
(2) 在 该 窗 体 中 添加 控件 ， 所 添加 的 控件 类 型 、 控 件 名 称 及 说 明 如 表 10.6 所 示 。 


表 10.6 QuestionAnswer.aspx 页 用 到 的 主要 控件 


控件 类 型 主要 属性 设置 用 途 


Datalist DataKeyField 属性 设 为 Code 显示 提问 信息 
I DataKeyField 属性 设 为 Code, onitemcommand 事件 设 为 显示 回复 信息 
dlAnswer ItemCommand 


2. 实现 代码 
(1) 在 了 D 为 dlAnswer 的 DataList 控件 中 包含 “设置 最 佳 答案 ”链接 按钮 ， 设 置 其 按钮 的 
CommandName 属性 为 BestAnswer， 其 HTML 代码 如 下 : 
倒 程 07 代码 位 置 ， 资源 包 \TM\10MRQA\QuestionAnswer.aspx 
<asp:LinkButton ID="IbtnBestAnswer runat="server" CommandName="BestAnswer" 
OnClientClick="return confirm(' 确 认 设 为 最 佳 答案 ?');" 
Font-Size="X-Small" ForeColor="#669900"> 设 为 最 佳 答案 </asp:LinkButton> 
(2) 单 击 运行 页 面 中 的 “设置 最 佳 答案 ”链接 按钮 ， 此 时 触发 DataList 控件 的 IemCommand 事 
件 。 在 该 事件 中 如 果 传 进来 的 CommandName 属性 值 等 于 BestAnswer， 那 么 调用 SetBestAnswer 自 定 
义 方法 具体 地 实现 设置 最 佳 答案 操作 ， 事 件 代码 如 下 : 
倒 程 08 代码 位 置 : 资源 包 \TM\10\ClientWebSite\QuestionAnswer.aspx.cs 
protected void dlAnswer_ltemCommand(object source, DataListCommandEventArgs e) 


if (e.CommandName != "™") 


{ 
int index = e.ltem.ltemlndex; // 取 DataList 行 索引 
DataList dl = (DataList)source; // 取 当前 DataList 
string code = dl.DataKeys[index].ToString(); // 取 DataList 主键 值 
tb_Answer answer = DC.tb_Answer.FirstOrDefault(itm => itm.Code == code); 
if (e.CommandName == "Edi") /命令 名 是 修改 答案 


if (CurrencyCheck(answer.QuestionCode)) 
Response.Redirect("Answer.aspx?QuestionCode="+answer.QuestionCode+"&AnswerCode="+answer.Code); 


@ 


else if (e.CommandName == "Del") // 命 令 名 是 删除 答案 
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{ 


if (CurrencyCheck(answer.QuestionCode)) 

‘ 
DC.tb_Answer.DeleteOnSubmit(answer); 
DC.SubmitChanges(); 
LoadData(); 

} 


} 
else if (e.CommandName == "BestAnswer") /命令 名 是 设置 最 佳 答案 


SetBestAnswer(answer); /| 执行 设置 最 佳 答案 的 方法 
LoadData(); 


} 
} 


在 上 述 事件 代码 中 ,调用 了 一 个 SetBestAnswer 自 定义 方法 实现 “设置 最 佳 答案 ”操作 ， 该 自 定义 
方法 的 具体 代码 如 下 : 


倒 程 09 ”代码 位 置 : 资源 包 \TM\10\ClientWebSite\QuestionAnswer.aspx.cs 
private void SetBestAnswer(tb_Answer answer) 


{ 
if (answer != null) 
下 
@ if (answer.BestAnswer == true) 
{ 
Response.Write("<script>alert(' 该 回复 已 经 设 为 最 佳 答案 !");</script>"); 
return; 
上 


tb_Question question = DC.tb_Question.FirstOrDefault(itm => itm.Code == QuestionCode); 

if (question. State == 2) 

{ 
Response.Write("<script>alert(' 该 问题 已 关闭 ， 不 能 再 设 最 佳 答案 !");</script>"); 
return; 

} 

int cnt = DC.tb_Answer.Count(itm => itm.QuestionCode == 

QuestionCode && itm.BestAnswer == true); 


if (cnt > 0) 
{ 
Response.Write("<script>alert(' 该 问题 已 经 有 最 佳 答案 了 !);</script>"); 
return; 
} 
四 answer.BestAnswer = true; /答案 表 中 BestAnswer=1 


question.State = 1; 
tb_Userlnfo quser = DC.tb_Userlnfo.FirstOrDefault(itm => itm.Code == 
ClientHelper.UserCode); 
/用 户 信息 表 中 提问 者 的 “未 解决 问题 数 ”-1，“ 已 解决 提问 数 ”+1 
// 减 用 户 积分 ， 加 发 出 悬赏 积分 
© quser.QUnsolveCount = quser.QUnsolveCount - 1; 


quser.QSolvedCount = quser.QSolvedCount + 1; 


quser.Mark = quser.Mark - question.Mark; 
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quser.PaidMark = quser.PaidMark + question.Mark; 
/用 户 信息 表 中 回复 者 的 “被 评 为 最 佳 答案 数 ”+1， 加 用 户 积分 ， 加 悬赏 积分 
9 tb_Userlnfo auser = DC.tb_Userlnfo.FirstOrDefault(itm => itm.Code == answer.UserCode); 
auser.AAcceptCount = auser.AAcceptCount + 1; 
auser.Mark = auser.Mark + question.Mark; 
auser.RewardMark = auser.RewardMark + question.Mark:; 
© tb_Config config = DC.tb_Config.FirstOrDefault(); // 全 局 设置 表 中 已 解决 +1， 未 解决 -1 
config.UnSolved = config.UnSolved - 1; 
config.Solved = config.Solved + 1; 
DC.SubmitChanges(); 


引 ---- -~-- -~- -~ - rr 


< 代码 贴 寺 

加 如 果 问 题 已 经 有 最 佳 答案 或 已 关闭 ， 那 么 不 能 再 设置 最 佳 答 案 。 

四 将 答案 表 中 的 BestAnswer 字段 值 设 为 真 ， 表 示 已 设置 最 佳 答案 .。 

四 设置 最 佳 答案 后 ， 提 问 者 的 未 解决 问题 数 减 1， 已 解决 问题 加 1; 根据 该 问题 的 悬赏 积分 冲 减 提问 者 的 积分 ， 累 
加 提问 者 的 “发 出 悬赏 积分 ”。 

加 被 设 为 最 佳 答案 后 ， 回 复 者 的 “被 评 为 最 佳 答案 数 ” 加 1， 根 据 该 问题 的 悬赏 积分 累加 回复 者 的 积分 、 获 得 悬赏 
积分 。 

四 设置 最 佳 答案 后 ， 未 解决 问题 总 数 减 1， 已 解决 问题 总 数 加 1。 


10.8 关闭 问题 模块 设计 


10.8.1 关闭 问题 模块 概述 


以 提问 者 的 身份 进入 问题 及 答案 明细 页 面 ， 可 以 设置 最 佳 答案 ， 如 果 发 现 该 问题 长 时 间 没 人 能 解 
决 或 自己 已 解决 ， 可 以 单 击 “ 关 闭 问题 ”链接 按钮 关闭 该 问题 。 关 闭 问题 页 面 如 图 10.23 所 示 。 

以 提问 者 的 身份 进入 问题 及 答案 明细 页 面 后 ， 提 问 信息 的 左下 角 会 显示 一 个 “关闭 问题 ”按钮 。 
提问 者 可 以 单 击 按钮 关闭 该 问题 。 


Gm 
2 所: 19771on200009 关闭 问题 按钮 


图 10.23 关闭 问题 页 面 
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总 已 设置 最 佳 答案 的 问题 不能 关闭 ; 已 关闭 的 问题 也 不 能 重复 关闭 。 


10.8.2 ”关闭 问题 模块 技术 分 析 


为 了 让 各 位 读者 更 加 清晰 地 理解 关闭 问题 模块 的 总 体 设计 思路 ， 在 10.8.1 节 模 块 功能 展示 的 基础 


上 上， 绘制 了 关闭 问题 模块 的 流程 图 ， 如 图 10.24 所 示 。 


在 上 述 流程 图 中 ， 在 加 载 关 闭 问题 页 面 过 程 中 应 用 到 了 LINQ 查询 及 关联 技术 ; 在 执行 “关闭 问题 ” 
操作 时 应 用 到 了 LINQ to SQL 对 SQL Server 数据 库 的 修改 操作 。LINQ 数据 查询 及 关联 的 代码 如 下 : 


以 提问 者 的 
身份 登录 


问题 表 中 问题 状态 
为 “关闭 ” 


提问 者 的 已 关闭 
问题 数 +1 


未 解决 问题 总 数 -1 


图 10.24 关闭 问题 页 的 流程 图 


倒 程 10 代码 位 置 ， 资源 包 \TM\10WMRQA\QuestionAnswer.aspx.cs 
var questionQuery = from item in DC.tb_Question 


where item.Code == QuestionCode 

join user in DC.tb_Userlnfo 

on item.UserCode equals user.Code 

join catalog in DC.tb_Catalog /关联 操作 
on item.CatalogCode equals catalog.Code 


Code = item.Code, 


QuestionMark = item.Mark, 
PostDatetime = item.PostDatetime, 
UserCode = user.UserName, 

Mark = user.Mark, 

AAcceptCount = user.AAcceptCount, 
CreatedDate = user.CreatedDate, 
CatalogCode = item.CatalogCode, 
CatalogName = catalog.Name, 

State = item.State 
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10.8.3 ”关闭 问题 模块 的 实现 过 程 


国 本 模块 使 用 的 数据 表 : tb Question、tb_UserInfo、tb_Catalog 
1. 设计 步骤 
关闭 问题 和 设置 最 佳 答案 使 用 的 是 同一 页 面 ， 详 细 页 面 设计 见 10.7 节 。 
2. 实现 代码 
(1) 在 了 D 为 dlQuestion 的 DataList 控件 的 ItemTemplate 模板 中 添加 了 一 个 执行 “关闭 问题 ” 操 
作 的 链接 按钮 ， 其 HTML 代码 如 下 : 


倒 程 11 代码 位 置 : 资源 包 \TM\10\ClientWebSite\QuestionAnswer.aspx 


<asp:LinkButton ID="lbtnCloseQuestion" runat="server" CommandName="CloseQuestion" 
OnClientClick="return confirm(' 确 认 关 闭 问 题 ?');" 
Font-Size="X-Small" ForeColor="#669900"> 关 闭 问题 </asp:LinkButton> 


(2) 单 击 运行 页 面 中 的 “关闭 问题 ”链接 按钮 ， 会 触发 dlQuestion 控件 的 IemCommand 事件 。 
在 该 事件 中 根据 传 过 来 的 “关闭 问题 "链接 按钮 的 CommandName 属性 值 来 调用 自 定义 SetCloseQuestion 
方法 具体 实现 关闭 问题 操作 ， 事 件 代 码 如 下 : 
倒 程 12 代码 位 置 ， 资源 包 \TM\10MRQA\QuestionAnswer.aspx.cs 


protected void dlQuestion_ltemCommand(object source, DataListCommandEventArgs e) 


if (e.CommandName != null) 


{ 
int index = €.ltem.ltemIndex; // 取 DataList 行 索引 
DataList dl = (DataList)source; // 取 当前 DataList 
string code = dl.DataKeys[index].ToString(); 1// 取 DataList 主键 值 
if (e.CommandName == "CloseQuestion") // 命 令 是 关闭 问题 

SetCloseQuestion(code); /执行 关闭 问题 的 方法 

} 

3 


3 


在 上 述 事件 代码 中 , 调用 了 一 个 SetCloseQuestion 自 定义 方法 实现 关闭 问题 操作 , 该 自 定义 方法 的 
具体 代码 如 下 : 
倒 程 13 代码 位 置 ， 资源 包 \TM\10\ClientWebSite\QuestionAnswer.aspx.cs 


private void SetCloseQuestion(string questionCode) 


{ 


utb_Question question = DC.tb_Question.FirstOrDefault(itm => itm.Code == questionCode); 
if (question.State == 2) 
4 


区 
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Response.Write("<script>alert(' 该 问题 已 关闭 ， 不 能 重复 关闭 由 ;</script>"); 
return; 


} 
int cnt = DC.tb_Answer.Count(itm => itm.QuestionCode == questionCode && itm.BestAnswer == true); 


if (cnt > 0) 
* 
Response.Write("<script>alert( 该 问题 已 经 有 最 佳 答案 了 ， 不 能 关闭 由 ;</script> ); 
return; 
} 
@ question.State = 2; /设置 问题 状态 为 “关闭 ” 


tb_Userlnfo quser = DC.tb_Userlnfo.FirstOrDefault(itm => itm.Code == ClientHelper.UserCode); 
@ quser.QUnsolveCount = quser.QCancelledCount + 1; /用 户 信息 表 中 提问 者 的 “已 关闭 提问 数 ”+1 
tb_Config config = DC.tb_Config.FirstOrDefault(); 


© config.UnSolved = config.UnSolved - 1; /全 局 设置 表 中 累计 未 解决 问题 数 -1 
DC.SubmitChanges(); /提交 结果 
} 
< 代码 贴 二 


@ 提 问 前 判断 用 户 是 否 登 录 。 如果 没有 登录 ， 首先 记 住 当前 的 URL， 其 次 跳 转 到 登录 提示 页 面 。 登 录 成 功 时 根据 记 
住 的 URL 回 到 提问 页 面 。 

@ 使 用 LINQ 从 类 别 数据 表 中 取出 数据 。 

自 将 类 别 数据 表 中 的 数据 绑 定 到 类 别 下 拉 列 表 框 中 。 


10.9 搜索 问题 模块 设计 


10.9.1 搜索 问题 模块 设计 概述 


用 户 可 以 在 不 登录 的 情况 下 ， 使 用 明日 知道 网 站 提供 的 搜索 引擎 ， 获 得 要 解决 问题 的 正确 答案 或 
查找 要 回复 的 问题 。 搜 索 问 题 页 面 如 图 10.25 所 示 。 
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图 10.25 ”搜索 问题 页 面 


在 搜索 文本 框 中 输入 指定 的 关键 字 ， 单 击 “ 搜 索 答案 ”按钮 查找 出 主题 或 内 容 中 包含 关键 字 的 所 
有 问题 列表 (如 图 10.26 所 示 ， 关 键 字 用 红色 着 重 显示 ) 。 


@ 
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图 10.26 已 解决 问题 及 最 佳 答案 页 面 


WN 
ER 
表 ， 既 包含 未 解决 的 问题 ， 也 包含 已 解决 的 问题 ， 但 不 包含 已 关闭 的 问题 .已 解决 问题 及 最 佳 答案 
页 面 如 图 10.26 所 示 。 由 于 该 问题 已 经 有 最 佳 答案 ， 所 以 将 其 他 回复 信息 都 过 滤 掉 ， 只 留 最 佳 答案 。 


10.9.2 ”搜索 问题 模块 技术 分 析 


搜索 问题 模块 的 设计 思路 是 搜索 问题 主题 、 问 题 内 容 中 包含 指定 关键 字 ， 状 态 是 未 解决 或 已 解决 
的 问题 。 搜 索 问题 模块 主要 使 用 了 Session 页 面 传 值 技术 及 LINQ 查询 过 程 中 一 些 实用 的 小 技术 。 
(1) LINQ 查询 过 程 中 用 “...” 葵 换 超过 指定 长 度 字符 串 的 技巧 ， 其 核心 代码 如 下 : 


var query = from item in DC.tb_Question 

where item.State = 2 && (item.Title.Contains(SearchContent) || 
item.Text.Contains(SearchContent)) 

select new 


Text = (item.Text.Length > 200 ? item.Text.Substring(0, 200) + "..." : 
item.Text).ToString().Replace(SearchContent,redWord) 
上 


(2) LINQ 查询 过 程 中 将 关键 字 用 红色 着 重 显示 的 技巧 ， 其 核心 代码 如 下 : 


//SearchContent 是 查询 关键 字 
string redWord = string.Format("<span style='color: Red'>{0}</span>", SearchContent); 
var query = from item in DC.tb_Question 


where item.State != 2 && (item.Title.Contains(SearchContent) || 
item. Text.Contains(SearchContent)) 
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select new 
‘ 


Title = item.Title.Replace(SearchContent redWord), 
上 


CS 在 问题 分 类 页 面 中 选择 某 一 个 问题 类 别 后 将 进入 包含 该 类 别 的 问题 列表 页 (如 图 10.5 所 
示 ), 当 单 击 问题 列表 中 “标题 ” 列 上 的 链接 按钮 进入 要 回复 的 问题 及 答案 明细 页 ( 如 图 10.6 所 示 )， 
在 问题 及 答案 明细 页 面 中 单 击 “我 要 回答 ”按钮 就 可 以 回复 选中 的 问题 。 


10.9.3 ”搜索 问题 模块 实现 过 程 
国 本 模块 使 用 的 数据 表 : tb_Question 
1. 设计 步骤 


(1) 创建 一 个 Web 窗 体 ， 将 其 命名 为 QuestionList2.aspx。 
(2) 在 该 窗 体 中 添加 控件 ， 所 添加 的 控件 类 型 、 控 件 名 称 及 说 明 如 表 10.7 所 示 。 


表 10.7 QuestionList2.aspx 页 用 到 的 主要 控件 


控件 类 型 一 一 一 一 一 用 途 
| 均 为 冉 认 值 | 显示 页 头 信息 
品 用 户 控件 [Uc searchl | 均 为 默认 什 实现 搜索 引擎 功能 


均 为 默认 什 实现 页 面 导航 功能 
器 OurPager Onpagechanged 事件 设 为 OurPagerl PageChanged “| 实现 查询 结果 的 页 面 切换 
围 。”DataList |DataListl 均 为 默认 值 显示 查询 结果 列表 


8 Ourpager Onpagechanged 事件 设 为 OurPagerl_PageChanged ”| 实现 查询 结果 的 页 面 切 换 
加 用 户 控件 均 为 默认 值 显示 页 脚 信息 
2. 实现 代码 


(1) 在 用 户 控 件 UC_Searchl 中 ， 包 含 录入 “查找 关键 字 ” 的 文本 框 、 查 找 类 别 选 择 标签 及 “ 搜 
索 答案 ”按钮 。 单 击 “ 搜 索 答案 ”按钮 ， 跳 转 到 搜索 问题 列表 页 面 ,将 查找 关键 字 、 查 找 类 别 以 Session 
的 形式 传 入 搜索 问题 列表 页 面 。 主 要 代码 如 下 : 
倒 程 14 代码 位 置 ， 资源 包 \TM\10\ClientWebSite\QuestionList2.aspx.cs 
protected void ibtnSearch_Click(object sender, ImageClickEventArgs e) 


if (txtSearch. Text.Trim() != ™") 


Session["SearchContent"] = txtSearch. Text; /搜索 关键 字 
Session["SearchCatalog"] = hidCatalog .Value; /搜索 类 别 
Response.Redirect("QuestionList2.aspx"); /页面 跳 转 到 搜索 问题 列表 页 面 


} 


@ 
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前 面 曾经 介绍 过 ， 用 户 控件 UC_Searchl 并 没有 真正 实现 搜索 引擎 的 功能 ， 它 只 是 将 查找 关键 字 、 
查找 类 别 以 Session 的 形式 传 入 搜索 问题 列表 页 面 。 
(2) 在 搜索 问题 列表 的 页 面 加 载 事件 中 ， 调 用 GetDataCount 自 定义 方法 获得 符合 条 件 的 问题 数 ; 
调用 LoadData 方法 加 载 符合 条 件 的 问题 列表 。 代 码 如 下 : 
倒 程 15 代码 位 置 ， 资源 包 \TM\10\ClientWebSite\QuestionList2.aspx.cs 
protected void Page_Load(object sender, EventArgs e) 


{ 
if (IPage.lsPostBack) 
4 
int cnt = GetDataCount(); // 获 得 符合 条 件 的 问题 数 
if (cnt == 0) // 如 果 没 有 符合 条 件 的 问题 
{ 
Response.Redirect("NotSearch.aspx"); // 跳 转 到 未 查找 到 提示 页 面 
} 
OurPager1.RecordCount = cnt' /设置 分 页 控件 的 记录 数 属性 
OurPager2.RecordCount = cnt'; 
LoadData(1); /加 载 符合 条 件 的 问题 列表 
} 
} 


下 面 是 GetDataCount 和 LoadData 方法 的 代码 。 查找 某 一 类 别 问 题 和 所 有 问题 的 区 别 是 在 LINQ 条 
件 语句 中 加 上 了 问题 类 别 过 滤 条 件 。 
倒 程 16 代码 位 置 ， 资源 包 \TM\10\ClientWebSite\QuestionList2.aspx.cs 
private int GetDataCount() 


if (SearchCatalog =="") /查找 所 有 的 类 别 


& 
return DC.tb_Question.Count(itm => itm.State !=2 && 
(itm. Title.Contains(SearchContent) || itm. Text.Contains(SearchContent)) ); 
} 


else // 查 找 指定 的 类 别 
return DC.tb_Question.Count(itm => itm.State !=2 && itm.CatalogCode == SearchCatalog && 
(itm. Title.Contains(SearchContent) || itm. Text.Contains(SearchContent)) ); 
} 
加 载 符 合 条 件 的 问题 列表 的 LoadData 方法 。 方 法 代码 如 下 : 


private void LoadData(int CurrentPagelndex) 


{ 
string redWord = string.Format("<span style='color Red'>{0}</span>", SearchContent); 
if (SearchCatalog == ™") /查找 所 有 的 类 别 
{ 


var query = from item in DC.tb_Question 
where item.State != 2 && 
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(item.Title.Contains(SearchContent) || item. Text.Contains(SearchContent)) 
select new 
{ 
Code = item.Code, 
CatalogCode = item.CatalogCode, 
UserCode = item.UserCode, 
Title = item. Title.Replace(SearchContent, redWord), 
Text = (item.Text.Length > 200 ? item.Text.Substring(0, 200) + "..." : item. Text) 
.ToString().Replace(SearchContent,redWord), 
Mark = item.Mark, 
PostDatetime = item.PostDatetime, 
State = item.State 


DataList1.DataSource = query.Skip((CurrentPagelndex - 1) * 
OurPager1.PageSize).Take(OurPager1.PageSize); 

} 

else // 查 找 指定 的 类 别 

{ 

var query = from item in DC.tb_Question 
where item.CatalogCode == SearchCatalog && item.State != 2 && 
(item.Title.Contains(SearchContent) || item.Text.Contains(SearchContent)) 
select new 


{ 


a 
DataList1.DataSource = query.Skip((CurrentPagelndex - 1) * 
OurPager1.PageSize).Take(OurPager1.PageSize); 


DataList1.DataBind(); 


(3) 当 符 合 条 件 的 问题 数 超过 10 个 时 ， 单 击 分 页 控件 中 的 页 码 按钮 可 以 查看 不 同 页 的 信息 。 单 
击 页 码 按钮 会 触发 分 页 控件 的 页 码 改 变 事件 ， 分 页 控件 的 页 码 改 变 事件 的 代码 如 下 : 
倒 程 17 代码 位 置 ， 资源 包 \TM\10\ClientWebSite\QuestionList2.aspx.cs 
// 分 页 控件 页 码 改变 事件 
protected void OurPager1_PageChanged(object sender, ServerControl.PageArgs e) 


if (((ServerControl.OurPager)sender).ID == "OurPager1") /两 个 分 页 控件 同步 
OurPager2.CurrentPagelndex = e.NewPagelndex; 
else 
OurPager1.CurrentPagelndex = e.NewPagelIndex; 
LoadData(e.NewPagelndex); 
} 


搜索 问题 页 面包 含 两 个 分 页 控件 ， 这 两 个 分 页 控件 绑 定 一 个 页 码 改变 事件 。 所 以 单 击 一 个 分 页 控 
件 时 ， 需 要 将 新 页 索引 赋 给 另 一 个 分 页 控件 ， 以 实现 两 个 分 页 控件 的 同步 。 最 后 调用 LoadData 方法 ， 
根据 新 页 索引 加 载 页 内 容 信息 。 


@ 
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10.10 ”网 站 文件 清单 


明日 知道 网 站 的 主要 文件 清单 如 表 10.8 所 示 。 
表 10.8 网 站 文件 清单 


文件 位 置 及 名 称 说 有明 
MRQA\ClientWebSite\App_Code\ClientHelper.cs 客户 端 公共 类 
MRQA\ClientWebSite\App_Code\DataClasses.dbml LINQ 数据 库 操作 类 
MRQA\ClientWebSite\Answer.aspx 回复 答案 页 
MRQA\ClientWebSite\Index.aspx 网 站 主页 面 
MRQA\ClientWebSite\Login.aspx 会 员 用 户 登 录 页 
MRQA\ClientWebSite\NotLogin.aspx 未 登录 提示 页 
MRQA\ClientWebSite\NotSearch.aspx 未 查找 到 答案 提示 页 
MRQA\ClientWebSite\Question.aspx 提问 页 
MRQA\ClientWebSite\QuestionAnswer.aspx 问题 回答 页 
MRQA\ClientWebSite\QuestionCatalog.aspx 问题 类 型 选择 页 
MRQA\ClientWebSite\QuestionList.aspx 问题 列表 页 
MRQA\ClientWebSite\QuestionList2.aspx 搜索 问题 页 
MRQA\ClientWebSite\Register.aspx 用 户 注册 页 
MRQA\ClientWebSite\UC Footer.ascx 页 脚 用 户 控件 
MRQA\ClientWebSite\UC Header.ascx 页 头 用 户 控件 
MRQA\ClientWebSite\UC Navigation.ascx 导航 栏 用 户 控件 
MRQA\ClientWebSite\UC Search.ascx 问题 搜索 页 
MRQA\ClientWebSite\web.config 前 台 页面 配 置 文件 
MRQA\ServerControl\GridView.cs 自 定义 数据 绑 定 组 件 类 
MRQA\ServerControl\OurPager.cs 自 定义 分 页 组 件 类 
MRQA\ServerControl\ValidateCode.cs 验证 码 组 件 类 


10.11 


ASP.NET 神 来 之 笔 一 一 LINQ 数据 库 访问 技术 


LINQ 是 微软 公司 推出 的 新 一 代 的 数据 查询 语言 。 它 伴随 着 .NET Framework 以 及 Visual Studio 开 
发 工具 得 到 广泛 的 应 用 。LINQ 不 但 具有 查询 功能 ， 还 与 语言 (C# 或 VB.NET 等 ) 相互 整合 。 


区 
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10.11.1 LINQ 技术 简介 


构建 明日 知道 网 站 用 到 了 许多 先进 的 技术 ， 例 如 灵活 的 数据 库 访 问 技术 LINQ 就 是 用 得 最 普遍 的 
技术 之 一 ， 下 面 对 LINQ 技术 进行 简单 介绍 。 

LINQ (Language-Integrated Query， 语 言 集成 查询 ) 是 微软 公司 基于 .Net FrameWork 提供 的 一 项 跨 
语言 的 新 技术 ， 它 在 对 象 领域 和 数据 领域 之 间架 起 了 一 座 桥梁 。LINQ 主要 由 3 部 分 组 成 : LINQ to 
Objects、LINQ to ADONET 和 LINQ to XML. 其 中 ,LINQto ADO.NET 可 以 分 为 LINQ to SQL 和 LINQ 
to DataSet 两 部 分 。 其 架构 如 图 10.27 所 示 。 


LINQ 架构 


( .NET 语言 集成 查询 LINQ ) 


LINQ to ADO.NET 


LINQ LNQ LINQ 
to Objects to DataSet to SQL 


图 10.27 LINQ 基本 架构 
10.11.2 ”为 什么 需要 LINQ 


前 面 对 LINQ 架构 作 了 一 个 简单 介绍 ， 这 自然 会 引发 一 个 疑问 : 为 什么 需要 一 个 像 LINQ 这 样 的 
工具 呢 ? 以 前 应 用 ADO.NET 操作 数据 库 技术 不 是 很 方便 吗 ? 下 面 是 一 段 .NET 应 用 程序 中 常见 的 访问 


数据 库 代 码 。 
SqlConnection con = new SqlConnection(strCon); 1/ 建立 数据 库 连 接 
con.Open(); /打开 数据 库 连接 


SqlCommand sqlcom = new SqlCommand("select 身份 证 号 from tb_mrEmply ",con); 
SqlDataReader dr = sqlcom.ExecuteReader(); 
do while (dr.Read()) { 
Response.Write(dr[" 身 份 证 号 "].ToString() + "<br/>"); 
} 


从 上 述 代 码 可 以 看 出 ， 传 统 数据 库 访问 代码 需要 先 建立 数据 库 连接 、 命 令 对 象 ， 并 在 程序 中 嵌入 
另 一 段 数据 库 专属 的 SQL 字符 串 ， 若 字符 串 中 的 SQL 是 非法 的 ， 或 是 重 命名 了 数据 库 中 的 列 编译 器 ， 
将 无 法 进行 检查 。 


@ 
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至 于 LINQ 的 做 法 则 是 : 


var result = from v in IqDB.tb_mrEmply 
where v. 身 份 证 号 > 0 
select Vv. 身份 证 号 ; 
foreach (variin result) { 
Response.Write(i.ToString() + "<br/>"); 


可 以 看 出 程序 代码 变 得 比较 精简 ， 而 且 LINQ 的 fom、select 本 身 就 是 C# 语 法 ， 不 用 包含 在 一 个 
字符 串 中 ， 再 通过 SqlCommand 对 象 去 执行 。 

另外 在 上 述 查 询 中 ， 数 据 源 本 身 可 以 是 数据 库 中 的 表 、XML 中 的 元 素 ， 还 可 以 是 一 个 集合 对 象 ， 
而 查询 语法 即使 咯 有 不 同 ， 也 会 大 体 相似 。 这 就 使 得 开发 人 员 可 以 在 其 熟悉 的 语言 中 使 用 统一 的 查询 
访问 任何 数据 源 。 


10.11.3 ”LINQ to Object 技术 应 用 


LINQ 查询 表达 式 是 LINQ 中 非常 重要 的 一 部 分 内 容 , 它 可 以 从 一 个 或 多 个 给 定 的 数据 源 中 检索 数 
据 ， 并 指定 检索 结果 的 数据 类 型 和 表现 形式 。LINQ 查询 表达 式 由 一 个 或 多 个 LINQ 查询 子 句 按照 一 定 
的 规则 组 成 。LINQ 查询 表达 式 包括 ffom 子 句 、where 子 句 、select 子 句 、orderby 子 句 、group 子 句 、 
into 子 句 、join 子 句 和 let 子 句 。LINQ 子 句 具体 说 明 如 表 10.9 所 示 。 


表 10.9 LINQ 子 句 具体 说 明 


查询 子 句 说 了 明 

form 子 句 指定 查询 操作 的 数据 源 和 范围 变量 

where 子 句 筛选 元 素 的 逻辑 条 件 ， 一 般 由 逻辑 运算 符 组 成 

select 子 名 指定 查询 结果 的 类 型 和 表现 形式 

orderby 子 句 对 查询 结果 进行 排序 〈 降 序 或 升序 ) 

group 子 句 对 查询 结果 进行 分 组 

into 子 句 提供 一 个 临时 的 标识 符 。 该 标识 可 以 引用 join、group 和 select 子 句 的 结果 
join 子 句 连接 多 个 查询 操作 的 数据 源 

let 子 句 引入 用 于 存储 查询 表达 式 中 子 表达 式 结果 的 范围 变量 


LINQ to Object 可 以 查询 、 检 索 、 排 序 、 聚 合 、 分 区 、 关 联 IEnumerable 或 IEnumerable<T> 集 合 ， 
也 就 是 说 可 以 操作 任何 可 枚 举 的 集合 ， 如 数据 (Array 和 ArrayList) 、 泛 型 列表 List<T>、 泛 型 字典 
Dictionary<T> 等 ， 以 及 用 户 自 定义 的 集合 。 下 面 分 别 举例 说 明 。 

1. 使 用 LINQ to Object 查找 整 型 数组 中 元 素 值 能 被 2 整除 的 序列 

代码 如 下 : 


int0 values = { 1, 2, 3, 4, 5, 6, 7, 8, 9, 0 上 
var value = from v in values 
wherev%2==0 
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select v; 
Response.Write(" 查 询 结 果 : <br>"); 
foreach (var v in value) 


{ 

Response.Write(v.ToString() + ","); 
于 
输出 结果 是 “2,4,6,8,0”。 


2. 使 用 LINQ to Ojbect 查找 ArrayList 中 元 素 长 度 大 于 3 的 序列 


代码 如 下 : 

ArrayList dynamicArr = new ArrayList(); // 构 造 动态 数组 

dynamicArr.Add("o000"); /添加 动态 数组 的 值 

dynamicArr.Add("pppp"); 

dynamicArr.Add("qqqqq"); 

var query = from item in dynamicArr.ToArray() /查询 ArrayList 中 元 素 长 度 大 于 3 的 序列 
where item.ToString().Length > 3 
select item; 

Response.Write(" 动 态 数组 的 值 是 : "); // 输 出 结果 为 “pppp,qqqqq” 


foreach (var item in query) { Response.Write(item + " , "); 
Response.Write("<br/>"); 


输出 结果 是 “pppp,qqqqq”。 
3. 使 用 LINQ to Object 对 泛 型 字典 进行 排序 
泛 型 字典 是 由 键 / 值 对 组 成 的 集合 ， 泛 型 字典 中 的 元 素 是 KeyValuePair<TKey,TValue> 类 型 。 其 中 ， 


TKey 指 字典 中 键 的 类 型 ，TValue 指 字典 中 值 的 类 型 。 泛 型 字典 具有 以 下 3 个 特点 。 


回 ” 泛 型 字典 中 的 键 不 能 修改 ， 不 能 为 空 ， 不 能 重复 。 
回 泛 型 字典 中 的 值 可 以 修改 ， 可 以 为 空 ， 可 以 重复 。 
回 ” 泛 型 字典 不 按键 自动 进行 排序 。 

使 用 LINQ 按键 对 泛 型 字典 进行 排序 操作 的 代码 如 下 : 


Dictionary<int, Userlnfo> users = new Dictionary<int, Userlnfo>(); // 构 建 泛 型 字典 

Users.Add(3, new Userlnfo(1, "User01", "01")); // 为 泛 型 字典 添加 以 下 3 个 元 素 
Users.Add(2, new Userlnfo(2, "User02", "02")); 

users.Add(1, new Userlnfo(3, "User03", "03")); 


var query = from item in users MLINQ 对 泛 型 字典 进行 排序 操作 
orderby item.Key /使 用 LINQ 按键 对 泛 型 字典 进行 排序 
select item; 


Response.Write(" 使 用 foreach 语句 遍历 输出 排序 后 的 泛 型 字典 <br/>"); 

foreach (var item in query) 
Response.Write(string.Format("({0},{1})", item.Key, item.Value.UserName)); 
Response.Write("<br/>"); 
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10.11.4 LINQ to SQL 技术 应 用 


LINQ to SQL 可 以 直接 对 关系 数据 库 〈 即 SQL Server) 的 数据 进行 检索 、 插 入 、 修 改 、 删 除 、 排 
序 、 聚 合 、 分 区 、 关 联 等 操作 。 


1. 创建 LINQ to SQL 数据 源 


使 用 LINQ to SQL 查询 或 操作 数据 库 , 需要 建立 LINQ to SQL 数据 源 。 下 面 以 SQL Server 2014 数 
据 库 为 例 ， 建 立 一 个 LINQ to SQL 数据 源 ， 详 细 步 骤 如 下 : 
(1) 启动 Visual Studio 2017 开发 环境 ， 建 立 一 个 目标 框架 为 Framework SDK v4.5 的 ASPNET 空 
网 站 。 
(2) 在 解决 方案 资源 管理 器 中 的 App_Code 文件 夹 上 右 击 , 在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ” 
命令 ， 弹 出 “添加 新 项 ”对 话 框 ， 如 图 10.28 所 示 。 
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图 10.28 创建 LINQ to SQL 数据 源 


(3) 在 模板 列表 中 选择 “LINQ to SQL 类 ”选项 ， 并 将 其 命名 为 DataClasses.dbml。 

(4) 在 服务 资源 管理 器 中 连接 SQL Server 2014 数据 库 ， 然 后 将 指定 数据 库 中 的 表 拖 电 到 
DataClasses.dbml 设计 视图 中 ， 如 图 10.29 所 示 。 

(5) DataClasses.dbml 文件 创建 一 个 名 称 为 DataClassesDataContex， 映 射 到 dbml 文件 的 数据 上 下 
文 类 ， 为 数据 库 提供 查询 或 操作 数据 库 的 方法 ，LINQ 数据 源 创建 完毕 。DataClassesDataContext 类 中 
的 程序 代码 均 自动 生成 , 在 明日 知道 网 站 App_Code 文件 夹 下 的 DataClasses.dbml 文件 即 为 自动 生成 的 
代码 文件 。 


2. 使 用 LINQ to SQL 查询 和 操作 数据 库 
使 用 LINQ to SQL 查询 和 操作 数据 库 之 前 ， 首 先 创建 自动 生成 的 数据 上 下 文 类 的 实例 。 代 码 如 下 : 
DataClassesDataContext DC = new DataClassesDataContext(); 
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图 10.29 数据 表 


创建 数据 上 下 文 类 实例 后 使 用 LINQ to SQL 可 以 实现 查询 数据 库 中 的 数据 ,与 传统 的 SQL 语句 或 
存储 过 程 相 比 ， 使 用 LINQ to SQL 查询 数据 库 中 的 数据 更 加 简洁 。 
下 面 使 用 LINQ to SQL 查询 db_ MRQA 数据 库 中 tb_Answer 数据 表 中 的 数据 ， 实 现代 码 如 下 : 
var query = from item in DC.tb_Answer// 查 询 tb_Answer 表 的 Text 字段 值 中 包含 “ 峰 ”， 并 且 按 Code 字段 排序 
where item.Text.Contains(" 峰 ") 


orderby item.Code 
select item; 


使 用 LINQ to SQL 不 仅 可 以 实现 查询 数据 库 中 的 数据 ， 而 且 能 够 实现 向 数据 库 中 添加 数据 。 下 面 
使 用 LINQ to SQL 向 db MRQA 数据 库 的 tb_Answer 数据 表 中 添加 数据 。 实 现 该 功能 主要 通过 
Table<TEntity> 类 的 InsertOnSubmit 方法 和 SubmitChanges 方法 实现 。 其 中 ，InsertOnSubmit 方法 将 单 
个 实体 的 集合 添加 到 Tabel<T> 类 的 实例 中 ，SubmitChanges 方法 计算 要 插入 、 更 新 或 删除 的 已 修改 对 
象 的 集 ， 并 执行 相应 命令 以 实现 对 数据 库 的 更 改 。 


tb_Answer answer = new tb_Answer(); /| 创建 tb_Answer 类 的 实例 
answer.Code = “20000101”; 
DC.tb_Answer.InsertOnSubmit(answer); /提交 插入 操作 


使 用 LINQ to SQL 修改 数据 库 中 的 数据 ， 首 先 要 找到 需要 编辑 的 记录 ， 然 后 修改 记录 中 相应 的 字 
段 值 ， 最 后 调用 DataContext 类 的 SubmitChanges 方法 提交 对 数据 表 的 更 改 操作 。 下 面 代码 中 首先 找到 
tb _ Answer 表 中 Code 字段 值 等 于 “20000101” 的 记录 ， 然 后 修改 记录 的 Title 字段 值 ， 最 后 调用 
SubmitChanges 方法 提交 修改 操作 。 


@ 
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tb_Answer answer = DC.tb_Answer.FirstOrDefault(itm => itm.Code == “20000101"); 
if (answer != null) 

answer.Title = “LINQ to SQL 的 优点 ”; 

DC.SubmitChanges(); 
= 


使 用 LINQ to SQL 删除 数据 库 中 的 数据 ， 主 要 通过 Tabel<T> 泛 型 类 的 DeleteOnSubmit 方法 和 
DataContext 类 的 SubmitChanges 方法 实现 。 下 面 代 码 中 首先 找到 tb_Answer 表 中 Code 字段 值 等 于 
“20000101” 的 记录 ， 然 后 调用 DeleteOnSubmit 方法 删除 该 记录 ， 最 后 调用 SubmitChanges 方法 提交 
删除 操作 。 

tb_Answer answer = DC.tb_Answer.FirstOrDefault(itm => itm.Code == “20000101”); 


DC.tp_Answer.DeleteOnSubmit(answer); 


10.12 本 章 总 结 


本 章 主要 介绍 了 仿 百度 知道 之 明日 知道 (属于 在 线 问 答 模块 ) 的 开发 流程 ， 在 数据 库 开发 方面 主 
要 应 用 了 LINQ 数据 库 访问 技术 。 和 希望 本 章 介绍 的 相关 技术 对 读者 以 后 在 线 问答 模块 开发 有 所 启发 和 
帮助 。 


